windows环境下搭建Vue项目

一、安装node.js

官网下载

二、设置nodejs prefix（全局）和cache（缓存）路径

1. 在nodejs安装路径下新建node_global和node_cache两个文件夹
   注： 这里的node_global就是以后npm install XXX -g安装模块的所在地

2. 命令设置缓存文件夹

   npm config set cache "D:\vueProject\nodejs\node_cache"
   

3. 设置全局模块存放路径

   npm config set prefix "D:\vueProject\nodejs\node_global"
   

三、安装cnpm淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

四、设置环境变量

1. 鼠标右键”此电脑”，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。
2. 修改系统变量Path,将之前新建的node_global的路径新增进环境变量，如：”D:\VuePorject\nodejs\node_global”
3. 新增环境变量NODE_PATH,值为node_modules所在路径

五、安装Vue

cnpm install vue -g

六、安装vue脚手架（vue-cli）

cnpm install vue-cli -g

七、新建Vue项目(以Vue-cli3及以上为例)

1. 新建项目，选择基本配置（注意项目名不能有大写）

vue create 项目名

项目目录如下：

2. 启动项目

cd myproject
npm run serve

文章参考自组长的文档，由于要公司网才能打开，此处就不做原文分享了