一、Nodejs下载安装
不同版本下载,可根据自我需求下载Linux / Win不同安装包,本例子采用Win64 msi安装包,下载后直接安装。
二、Nodejs环境配置
检查是否安装成功 cmd --> node -v ; npm -v
三、vue cli安装
1、修改镜像源
因为国外npm默认的是国外镜像源,在国内访问可能较慢,因此,修改镜像源为淘宝镜像源
npm config set registry https://registry.npm.taobao.org
2、安装Vue cli
然后开始安装vue.js ,可以自己选择安装vue2或者vue3,安装完成后即可查看安装版本,通过以下命令实现。
1、安装vue2 cli : npm install vue-cli -g
2、安装vue3 cli : npm install -g @vue/cli
3、查看vue版本: vue --version
4、查看npm版本:npm -v
5、卸载vue2:npm uninstall vue-cli -g
6、卸载vue3:npm uninstall @vue/cli -g
四、IDEA中启动Vue项目
可通过IDEA配置参数来启动,也可通过命令启动,参考package.json script 中规定启动方法,如 serve:npm run serve
五、问题解决
1、'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
删除项目中的node_modules,重新 npm install / npm i 重新生成node_modules
2、解决 warn deprecated
npm install -g npm --默认升级为最新版本