1 vue和vue-cli是不一样的,所以没关系 vue-cli 4.5+版本才要vue3
2 npm uninstall -g @vue/cli
npm install -g @vue/cli@3.11.0
要么就2.9.6 vue init webpack xxxx
要么就3.11.0 只要是3以上的 直接vue create xxx 也不用选那么多乱七八糟的东西了
遇到问题:
卸载不掉,每次重新安装 -v还是2.96
解决方案:
找到nodejs安装路径,找到nodejs/node_modules
发现uninstall完了,里面还有,uninstall没有用
手动删掉 vue文件夹,nodejs外面一堆vue相关的也删掉
然后npm install -g @vue/cli (3就要这个,3-是vue-cli,应该是)
又遇到问题 vue -v此时无效了
没安装成功
试了半天,好像是因为我把npm代走了,换了xnpm(某npm)就好了,audit没有用。。。
思考 为啥前面要那么做,估计是node js/ npm 的全局卸载路径,环境变量不对。。之前搞坏过,就没动了,还是手动来吧
安装包
要么自己在 package.json里装(手动)
要么npm install xx(不用-g)
eslint
检查有点烦
You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable / to ignore all warnings in a file.
把package.json里的
/
“eslintConfig”: {
“root”: false,
“env”: {
“node”: false
},
“extends”: [
“plugin:vue/essential”,
“eslint:recommended”
],
“parserOptions”: {
“parser”: “@babel/eslint-parser”
},
“rules”: {}
},
*/
改成
"lint-staged": {
"*.{js,css,md,ts,tsx,vue}": "prettier --write \"src/**/*.vue\" \"src/**/*.scss\" \"src/**/*.js\""
},
整了半天,把eslint卸载了也还是不行,
发现还是新建的时候有问题,别选默认的,直接自定义vuex、router都安啊啊啊。也不能npm install vue-router …… 引入就行了
即使 是vue-cli 3+ 那也应该是可以选的,如果你没法选说明你点的太快了
解决方案: 重新搭个项目吧!!!!
vue cli 3+新项目
还是用3+,不然没有vue.config.js可能有点问题的
3- 要手动选 eslint e2e之类的
vue cli 3+
相关: https://juejin.cn/post/6844903720954626056