Vue脚手架搭建以及创建Vue项目流程

VUE脚手架搭建流程

1. 安装 Node.js(推荐一个网站：http://nodejs.cn/)

2. 下载安装完成之后进行测试,记住安装位置

   node -v 测试 node 是否安装成功以及检查 node 版本
   npm -v 测试 npm 是否安装成功以及检查 npm 版本

效果：
提示：如果碰到下面情况

可能原因：
可能是C:UsersAdministrator(users)目录下的.npmrc里的配置问题,把里面的文件改成自己需要的路径，比如我想放到J盘
prefix=J:software odejs ode_global
cache=J:software odejs ode_cache

3. 配置 npm 下载插件的默认安装目录和缓存日志目录,
   注意：因为有的人电脑权限不足，可以提前先做安装目录中创建 node_global 和 node_cache 文件夹。
   注意：路径需要根据自己的在第二步选择的位置进行配置
   打开 cmd 窗口，依次输入配置命令

   npm config set prefix “F:software
   odejs
   ode_global”
   npm config set cache “F:software
   odejs
   ode_cache”

输出效果：
4. 配置 node 所需环境变量
进入环境变量对话框,在 【系统变量】 下新建 【NODE_PATH】 ， 值是node安装目录下的node_global中node_modules的路径【J:software odejs ode_global ode_modules】。
注意：这里需要自己的在第二步选择的位置进行配置

将【用户变量】中的【Path】添加【F:software odejs ode_global】
注意：这里需要自己的在第二步选择的位