创建一个Vue工程遇到的问题总结12.23_创建vue遇到的问题-CSDN博客

本文链接：https://blog.csdn.net/qq_20337865/article/details/79990030

 
 1.最简单的创建流程 

  第一步：官网下载node,js 
 https://nodejs.org/en/download/ 
  安装即可 

 
 第二步：按照vue官方文档执行即可 

Vue 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm run dev

 
 2.自己配置全局模块和全局缓存路径环境 

  1.默认的全局安装目录是在 C:\Users\zyd\AppData\Roaming\npm\node_modules\ 

  这里我们可以通过自己的设置 参考这篇文章 
 http://www.jianshu.com/p/03a76b2e7e00 

 
 2.配置全局模块和全局缓存路径环境 

  在控制台输入如下命令： 

 
 npm config set prefix "D:\Web\Develop\nodejs\node_global"npm config set cache "D:\Web\Develop\nodejs\node_cache" 

  4）配置环境变量 

  在系统变量下新建【NODE_PATH】，值【D:\Web\Develop\nodejs\node_global\node_modules】 

  在用户变量下【Path】添加值【 
 D:\Web\Develop\nodejs\node_global】 

  今天出现的错误分析： 

  只是配置了环境变量，但是没有在控制台输入set的命令，导致全局模块的路径还是指向了 

  C:\Users\zyd\AppData\Roaming\npm\node_modules\ 但是环境变量中配置的是自己创建的目录 

  导致npm-global目录不在环境变量里所以安装成功后的vue不能使用 