Vue入门（一）

1.Vue安装

1.1 安装nodejs

下载地址：http://nodejs.cn/download/
安装完成后设置环境变量
set PATH=%PATH%;D:\Program Files\nodejs    //临时生效
setx -m PATH "%PATH%;D:\Program Files\nodejs"   //永久生效

查看是否安装成功
node -v 

1.2创建依赖目录

配置npm的全局模块的存放路径以及cache的路径，在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

1.3安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
设置环境变量
setx -m PATH "%PATH%;D:\Program Files\nodejs\node_global

查看cnpm是否安装成功
cnpm -v

1.4 安装vue-cli

cmpm installl --global vue-cli

1.5 创建工程

vue init webpack vue-demo 或 vue init webpack-simple vue-demo
cd vue-demo
cnpm install  //可忽略，用于安装必要的依赖包
npm run dev

其他知识讲解

在cmd窗口中set设置的环境变量为临时变量，如：
set PATH=%PATH%;D:\Program Files\

使用setx设置为永久环境变量,适用于bat中：
setx PATH "%PATH%;D:\Program Files\"