vue环境

1.node.js安装

​​node.js下载地址​​​

选择相对应的安装包下载，无脑安装，就不再进行解说了。

2.node.js淘宝镜像版（尽量少用）

目的：下载东西比较快。
缺点：下载会可能失败。

安装命令：

// -g 就是全局安装
npm install cnpm -g

安装到本地地址：C:\Users\dell\AppData\Roaming\npm

3. 安装vue-cli

cnpm install vue-cli -g

#测试是否安装成功
#查看可以基于那些模板创建vue应用程序
vue list

4.创建第一个vue项目

vue init webpack 项目名

5.安装webpack

webpack，是一款模板加载器兼打包工具，他能把各种资源，如JS,JSX,ES6,SASS,LEAA,图片等都作为模块来处理和使用。

安装：

npm install webpack -g

npm install webpack-cli -g

测试是否安装成功：

webpack -v
webpack-cli -v

6.安装vue-router
vue-router是一个插件包，所以我们还是需要用npm/cnpm来进行安装的。打开命令行工具，进到具体目录下，输入下面命令。

npm install vue-router --save-dev

如果一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter);