Vue2.0 心法 ==> 第一层：安装

1.安装nodeJS

安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如果出现相应的版本号，则说明安装成功。安装node.js后，就已经自带npm（包管理工具）了，输入 npm -v，出现npm版本号。

2.安装淘宝镜像

cmd输入

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

输入 cnpm -v 出现 cnpm 版本号，安装成功。

3.安装webpack

cmd输入

npm install webpack -g

输入 webpack -v，出现版本号，安装成功。

4.安装vue-cli脚手架构建工具

cmd输入

npm install vue-cli -g

输入 vue -V（注意这里是大写的“V”），出现版本号，安装成功。

5.使用vue-cli构建项目

• a. 新建一个文件夹，用于盛放项目工程；
• b. cd 到目录路径 ；
• c. 在cmd中输入：

vue init webpack 你的项目名 

• d. cd 命令进入创建的工程目录，cd car_code；

• e. 安装项目依赖：

npm install

• f. 安装 vue 路由模块 vue-router 和网络请求模块 vue-resource
  输入：

cnpm install vue-router vue-resource --save

6.启动项目

输入：

npm run dev

7.可以修改默认端口

在\config\index.js 里面

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},

    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.HOST, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
  },

在port处修改默认端口。