创建一个Vue工程遇到的问题总结12.23

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不能使用