Vue开发环境搭建

安装Node环境

1. 下载地址 http://nodejs.cn/
2. 根据你的系统下载对应的最新的安装包
3. 验证node是否安装成功

# 查看node的版本
node -v

Tips：我之前下载的node版本是4.4，导致我后面安装vue的时候一直报错，提示我不支持语法
4. 安装cnpm

# 因为npm在安装node的时候就已经安装好了，但是国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像
# 安装cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org

创建vue项目

1. 安装vue脚手架

# 安装vue-cli
cnpm install -g vue-cli

报错：cnpm : 无法加载文件 C:\Program Files\nodejs\cnpm.ps1，因为在此系统上禁止运行脚本。

解决：

PS C:\Windows\system32> set-ExecutionPolicy RemoteSigned

执行策略更改
执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险，如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 帮助主题所述。是否要更改执行策略?
[Y] 是(Y)  [A] 全是(A)  [N] 否(N)  [L] 全否(L)  [S] 暂停(S)  [?] 帮助 (默认值为“N”): y

2. 创建项目

vue init webpack vue01

3. 运行项目

cnpm install 

npm run dev

4. 在浏览器输入localhost:8080就可以访问了