Windows下配置vue的环境

最近在学习vue.js，希望前端能用vue来作为主要框架。这里记录一下NPM在Windows中安装过程。

1. 下载安装
   
   下载地址
   
   下载v6.11.0 LTS稳定版。
   
   在C盘创建nodejs目录，并进行安装，注意安装目录的选择。

2. 配置。
   
   安装完成后，。在安装目录新建 node_cache，node_global两个文件夹，
   
   进入Node.js command prompt命令行，笔者安装目录在C:\nodejs，输入以下命令配置

npm config set prefix C:\nodejs\node_global
npm config set cache C:\nodejs\node_cache

在环境变量中增加以下的配置：

• 在用户变量中覆盖已有的关于nodejs的变量，修改后应该为：
  
  C:\nodejs\node_global\;C:\nodejs\node_globa\
  
  之前的应该是：C:\Users\Kejun.He\AppData\Roaming\npm\node_modules
• 在系统变量中增加变量
  
  NODE_PATH=C:\nodejs\node_global\node_modules
• 测试是否安装成功：

nodejs -v
npm -v

1. 配置cnpm

npm config delete proxy
npm config set https-proxy null
npm config set strict-ssl false
npm install cnpm -g --registry=https://registry.npm.taobao.org

1. 测试demo
   
   安装webpack和vue脚手架

npm install webpack -g
npm install vue-cli -g

新建目录myVue，并初始化运行：

cd myVue
vue init webpack demo
cd demo
cnpm install
npm run dev

然后输入链接http://127.0.0.1:8080