1.先检查电脑是否有安装nodejs
如果出现版本号则表明存在node,因为npm是node中自带的
2.安装脚手架 vue-cli
npm install -g @vue/cli
2.1 若原来有版本 ,可以先卸载,再下载;或者直接更新
注意:旧版本(1.x,2.x使用的是vue-cli 3.x以上用的是@vue/cli)
npm uninstall vue-cli -g
2.2 如果指令安装用时太久,替换淘宝镜像指令
npm i -g @vue/cli --registry https://registry.npm.taobao.org
补充说明:若使用npm指令超时,可开启淘宝镜像源镜
npm config set registry https://registry.npm.taobao.org //使用淘宝镜像
npm config get registry //检测指令是否成功
测试安装成功指令:
3.初始化项目: 指令vue create 项目名称
vue create demo
4.取消eslint代码规范提示方法:
4.1 注释掉package.json 文件中eslint的配置,找到@vue/prettier注释掉
4.2 vue.config.js文件中 把下列三个值设置为false:
devServer:{
overlay:{
warnings:false,
errors:false,
},
lintOnSave:false
}
5.如果遇到某些环境包的问题无法解决
可以卸载node_modules文件夹:
5.1 全局工具删除指令:①npm install rimraf -g ②rimraf node_modules
5.2 直接删除文件夹
成功后执行npm install 下载依赖