截止到这篇文章发布，搭建开发环境用到的组件、工具：Node.js 8.2.1、npm 5.3.0、webpack 2.6.1、sublime3

现在开始安装环境

安装nodejs

可以在终端里下载，但是不推荐，npm的版本会报错
去nodejs官网下载即可，地址：http://nodejs.cn/中文网

安装vue淘宝镜像

  1. npm install -g vue –registry=https://registry.npm.taobao.org

安装webpack

  1. npm install webpack -g

安装vue脚手架

  1. npm install vue-cli -g

—————-如果第二次编写新的vue项目，就可以在这里开始了—————–

根据模板创建项目

vue init webpack 项目名字<项目名字不能用中文>
接着开始下载 vue2.0模板，网络不好的下载前最好启动ssh (连接代理，否则过程会比较漫长)…

会有一些初始化的设置，如下输入:

  1. Project name (vue-test) 直接回车默认  
  2. Project description (A Vue.js project) 直接回车默认  
  3. Author 直接回车默认  
  4. Install vue-router? (Y/n) Y  
  5. Use ESLint to lint your code? (Y/n) n  
  6. Setup unit tests with Karma + Mocha? (Y/n) n (单元测试不需要)  
  7. Setup e2e tests with Nightwatch? (Y/n) n (单元测试不需要)

进入项目
win + R 键 输入 cmd
cd 项目名字 或者 cd /d 盘符:\项目名
例： cd /d e:\webs

安装项目依赖

  1. npm install  //下载node_modules文件夹的过程，这个文件夹不能拷贝，拷贝会导致各种错误...

安装需要用到的组件

  1. \- (1)npm install sass-loader --save-dev  
  2. \- (2)npm install gulp-sass --save  
  3. \- (3)npm install less --save  
  4. \- (4)npm install less-loader --save      // sass和less 二选一就行  
  5. \- (5)npm install --save axios   
  6. \- (6)npm install element-ui@1.4.2 -S   
  7. \- (7)npm install vuex --save   
  8. \- (8)npm install moment      // 日期格式化  
  9. \- (9)npm install vue-router vue-resource --save   // 路由模块vue-router和网络请求模块vue-resource

启动项目

  1. npm run dev

发布项目

  1. npm run build