2019-05-14

vue环境搭建

今天心血来潮，打算重新建立新的vue项目；也是从今天开始记录自己的生活和工作；

第一篇文章，主要记录在项目中遇到的各种问题，以及解决方案。

安装vue，前提安装好node。

vue环境搭建有两种方法：

第一种方法：使用vue-cli脚手架；

（网上都说这是最简单的一种方法。嗯，确实是，但是遇到了一个问题。）

1.npm install -g vue-cli                //安装vue-cli ，很快就安装好了。

---

2.vue init webpack my-project    //开始一个新项目。就开始报错了；

---

报错：       

vue不是内部执行的命令；vue无法识别为 cmdlet、函数、脚本文件或可运行程序的名称。

问题：       

主要原因还是node环境问题。

解决方案：

因为之前修改过npm缓存路径；所以在D盘nvm安装下找到vue.cmd文件所在的位置，在path里添加环境变量；D:\Web\old\nvm\npm

找到node所在的位置。因为我需要多个版本的node，所以使用的nvm管理；

在用户变量里添加nvm的环境在安装时会自动加入到用户变量里：

NVM_HOME        nvm的路径；

NVM_SYMLINK    D:\Web\old\nodejs      nodejs所在路径；

环境配置好，此时输入vue不会报错 vue不是内部执行的命令；可以正常使用vue命令；

 npm config set prefix "D:\Web\old\nvm\npm"           //该命令设置npm全局安装的缓存路径；

 npm config set cache "D:\vueProject\nodejs\node_cache"     //设置缓存文件夹；

3.cd my-project     //切换到新建的文件夹下；

---

4.npm run dev      //就可以运行出结果了；

---

第二种方法：自定义创建；[学会自定义创建很重要]