@H_502_0@
<span id="1536301186754S" style="display: none">Vue.js
@H_502_0@Vue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的开发。
@H_502_0@Vue.js是数据驱动的，它通过一些特殊的语法，将DOM和数据绑定起来，无需手动操作DOM。一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。 @H_502_0@
一、安装NPM
@H_502_0@1.1最新稳定版本： @H_502_0@npm install vue
@H_502_0@二、命令行工具安装
@H_502_0@国内速度慢，使用淘宝镜像： @H_502_0@npm install -g cnpm --registry=https://registry.npm.taobao.org
@H_502_0@注意：以后使用npm的地方就替换成cnpm
@H_502_0@1、全局安装vue-vli
@H_502_0@ cnpm install -g vue-cli
@H_502_0@2、创建一个基于webpack模板的新项目
@H_502_0@vue init webpack my-project
@H_502_0@输入安装命令后，稍等一会提示输入：
@H_502_0@2.1项目项目名称：
@H_502_0@2.2项目描述：
@H_502_0@2.3作者：
@H_502_0@2.4是否使用ESlint：（可以选择不需要，ESlint是一套语法检查工具）
@H_502_0@2.5是否需要单元测试：（可以选择不需要）
@H_502_0@说明：
@H_502_0@ webpack：项目类型，用webpack这套模板进行压缩和打包。
@H_502_0@ my-project：项目名称。
@H_502_0@3、安装依赖
@H_502_0@3.1进入项目：
@H_502_0@cd my-project
@H_502_0@3.2安装依赖：
@H_502_0@cnpm install
@H_502_0@说明：
@H_502_0@3.2.1会将依赖安装到项目node_modules文件夹中。
@H_502_0@3.2.2可以使用cnpm命令，是因为webpack安装好了相应依赖。
@H_502_0@3.2.3 Package.json文件说明:
@H_502_0@ 主要包含:项目描述、相关依赖。
@H_502_0@3.3运行项目：
@H_502_0@cnpm run dev
@H_502_0@通过访问访问运行起来的项目。
