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 //就可以运行出结果了;