@vue/cli 5.0.8 项目依赖版本参照

有的同学,可能是在维护迭代老的项目, 脚手架是从 @vue/cli 3.x ,想要升级到 5.x 获得更好的开发体验, 可以参照下面的

@vue/cli 应该是以后不会再更新了, 5.0.8应该是最后一个版本,大家可以迁移到 vite相关的生态,迁徙是一条漫长的道路

依赖包

json 复制代码
  "scripts": {
    "lint-staged": "lint-staged"
 },
 "dependencies": {
    "axios": "^1.5.0",
    "core-js": "^3.30.2",
    "element-ui": "2.15.13",
    "vue": "^2.7.14",
    "vue-router": "^3.6.5",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@babel/core": "^7.21.8",
    "@babel/eslint-parser": "^7.21.8",
    "@commitlint/cli": "^17.6.3",
    "@commitlint/config-conventional": "^17.6.3",
    "@vue/cli-plugin-babel": "^5.0.8",
    "@vue/cli-plugin-eslint": "^5.0.8",
    "@vue/cli-service": "^5.0.8",
    "@vue/eslint-config-prettier": "^7.1.0",
    "chalk": "^4.1.2",
    "eslint": "^8.41.0",
    "eslint-config-airbnb-base": "^15.0.0",
    "eslint-plugin-import": "^2.27.5",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-vue": "^9.13.0",
    "husky": "^8.0.3",
    "less": "^4.1.3",
    "less-loader": "^11.1.0",
    "lint-staged": "^13.2.0",
    "prettier": "^2.8.8",
    "sass": "^1.62.1",
    "sass-loader": "^13.2.2",
    "semver": "^7.5.1"
  },

稳定运行在node 14.21.3 版本

公司内部项目也很多 ,部分项目在有时间的条件下,升级到 5.0.8 以后, 稳定运行一年以上,没有出现无法解决的问题

其中, chalk 这个必须锁版本号, 4.1.2 , 因为 5.x的版本是采用 ESM的方式, 在配置一些脚本,会出现加载报错, 还是加载方式的问题。

husky 也是从 4.x 升级到 8.x 版本, 也是稳定运行

babel配置

js 复制代码
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    [
      '@vue/babel-preset-jsx',
      {
        "injectH": false
      }
    ]
  ]
}

其实很多人在开发或者使用webpack等一众脚手架上,出现的问题,很多是版本号对应不上的导致的, 这个可以很好的参照

vue从 2.5, 2.6 升级到 2.7 , 需要关注一下 deep语法的改变即可

sass 和less 深度选择器

html 复制代码
<style lang="scss" scoped>
<!--语法错误-->

/deep/ .box {}

<!---语法警告 能运行 但是不建议这样写-->
::v-deep .box {}

<!--推荐 正确写法-->
:deep(.el-menu) {

}
</style>
相关推荐
逐·風2 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
Devil枫2 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
尚梦3 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
GIS程序媛—椰子3 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山4 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享4 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
程序媛小果4 小时前
基于java+SpringBoot+Vue的旅游管理系统设计与实现
java·vue.js·spring boot
从兄5 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
凉辰6 小时前
设计模式 策略模式 场景Vue (技术提升)
vue.js·设计模式·策略模式
清灵xmf6 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询