vue 快速安装配置

1.vue

下载vue.js并用<script>标签引用，或者引入cdn

• Staticfile CDN（国内）
• unpkg
• cdnjs

2.npm

下载node.js
注: 安装过程需新建一个文件夹建议起名node.js，成功后会自动配置好环境变量，npm也会一并安装进去，如果更改了目录，npm命令会失效。

• npm -v
• node -v 检查是否安装成功

2.1npm配置

由于npm下载仓库默认c盘下，所以我们要把位值更改到nodejs安装目录下

• npm config set prefix "D:\nodejs\node_global"
• npm config set cache "D:\nodejs\node_cache"
  注： 更改了文件位置需要重新配置nodejs环境变量。再环境变量中添加NODE_PATH值为D:\nodejs\node_global\node_modules

2.2cnpm

npm下载速度很慢所以我们需要国内的cnpm，使用命令下载cnpm
以后命令用cnpm或者npm都可以

• npm install -g cnpm --registry=https://registry.npm.taobao.org
  注：-g命令的意思是全局安装，安装到/node_global/node_modules/文件夹下

2.3npm脚手架

• npm install vue -g
• npm install vue-router -g
• npm install vue-cli -g
• vue -V 此时会提示找不到vue命令
  注: 由于安装的vue在node_moudules下，需要对path环境变量添加D:\nodejs\node_global

3.webpack

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle，它能把各种资源，例如J (含J X)、 coffee、样式(less/sass)、图片等都作为模块来使用和处理。

• npm install webpack-g

4. vue项目初始化

• vue init webpack vuedemo在指定的地方创建一个vuedemo文件夹
• 接下来配置相关名称
• npm(或者cnpm) install安装依赖
• npm(或者cnpm) run dev