node.js安装

下载地址https://nodejs.org/en/

1.设置nodejs prefix（全局）和cache（缓存）路径

• 在nodejs安装路径下，新建node_global和node_cache两个文件夹

  
  
  图一

2. 设置缓存文件夹

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

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

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

4. 基于 Node.js 安装cnpm（淘宝镜像,为了提高npm使用效率）

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

5. 设置环境变量(划重点)
   说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径
   ①鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。
   ②修改系统变量PATH
   图二
   
   
   图三
   
   ③ 新增系统变量NODE_PATH
   
   图四

分割线，到这儿node.js就算装好了

安装vue

cnpm install vue -g
cnpm install -g @vue/cli

输入 vue --version，如下显示便安装完成了

图五

创建vue项目

1. vue create hello-world
   
   创建好项目后跳转图
   
   具体创建就根据自己需求来，第二个是手动配置，第一个default则是自动默认的

2. vue ui
   
   这是使用phpstrom的终端，所以效果不同
   
   然后在下面创建新项目
   
   QQ截图20190529201104.jpg