一、使用vue-cli脚手架建立新项目

前提条件：已安装node能够正常使用npm命令，并全局安装vue-cli工具。

npm install vue-cli -g

---

开始建立项目

• 使用vue初始化基于webpack的新项目

vue init webpack my-project

      项目建立过程当中会提示是否安装eslint，能够选择不安装，不然项目编译过程当中出现各类代码格式的问题；

• 项目建立完成后，安装基础模块

cd myproject;
npm install;

      模块安装时间有可能会很长，依赖与网速；

• 安装完成以后可在开发模式下运行项目并预览项目效果

npm run dev;

• 若是项目能够正常启动，便可继续安装vue的辅助工具

npm install vue-router --save （路由管理模块）
npm install vuex --save （状态管理模块）
npm install vue-resource --save （网路请求模块）