搭建Vuejs开发环境的方法-创新互联

这篇文章将为大家详细讲解有关搭建 Vuejs开发环境的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

东丽网站建设公司创新互联公司,东丽网站设计制作，有大型网站制作公司丰富经验。已为东丽1000+提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱，请找那个售后服务好的东丽做网站的公司定做！

 Vue.js

Vue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的开发。

Vue.js是数据驱动的，它通过一些特殊的语法，将DOM和数据绑定起来，无需手动操作DOM。一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。

一、安装NPM

1.1最新稳定版本：

npm install vue

二、命令行工具安装

国内速度慢，使用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

注意：以后使用npm的地方就替换成cnpm

1、全局安装vue-vli

    cnpm install -g vue-cli

2、创建一个基于webpack模板的新项目

vue init webpack my-project

输入安装命令后，稍等一会提示输入：

2.1项目项目名称：

2.2项目描述：

2.3作者：

2.4是否使用ESlint：（可以选择不需要，ESlint是一套语法检查工具）

2.5是否需要单元测试：（可以选择不需要）

说明：

       webpack：项目类型，用webpack这套模板进行压缩和打包。

       my-project：项目名称。

3、安装依赖

3.1进入项目：

cd my-project

3.2安装依赖：

cnpm install

说明：

3.2.1会将依赖安装到项目node_modules文件夹中。

3.2.2可以使用cnpm命令，是因为webpack安装好了相应依赖。

3.2.3 Package.json文件说明:

             主要包含:项目描述、相关依赖。

3.3运行项目：

cnpm run dev 

通过访问http://127.0.0.1:8080访问运行起来的项目。

关于“搭建 Vuejs开发环境的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站名称：搭建Vuejs开发环境的方法-创新互联
本文URL：http://jkwzsj.com/article/dsiicj.html