130 lines
3.2 KiB
Markdown
130 lines
3.2 KiB
Markdown
# 升级指南
|
|
|
|
分为 `6` 部分的内容：
|
|
|
|
- `uniapp sdk 升级`
|
|
- `uni-helper 插件升级`
|
|
- `oxlint 升级`
|
|
- `移除 eslint, stylelint`
|
|
- `unocss 升级` (可选)
|
|
- `vscode 配置文件升级` (可选)
|
|
|
|
## uniapp sdk 升级
|
|
|
|
```sh
|
|
pnpm uvm # 升级 uniapp sdk
|
|
# 如果以上命令不存在，请使用下面的
|
|
npx @dcloudio/uvm@latest
|
|
```
|
|
|
|
然后进入交互式的升级模式，按照提示进行升级。期间包管理器选择 `pnpm`。
|
|
|
|
升级完后，会自动引入 `vue-i18n`，不需要的可以删除它。（可选）
|
|
|
|
## uni-helper 插件升级
|
|
|
|
```sh
|
|
"@uni-helper/uni-types": "1.0.0-alpha.3",
|
|
"@uni-helper/unocss-preset-uni": "^0.2.11",
|
|
"@uni-helper/vite-plugin-uni-components": "0.2.0",
|
|
"@uni-helper/vite-plugin-uni-layouts": "0.1.10",
|
|
"@uni-helper/vite-plugin-uni-manifest": "0.2.8",
|
|
"@uni-helper/vite-plugin-uni-pages": "0.2.28",
|
|
"@uni-helper/vite-plugin-uni-platform": "0.0.4",
|
|
```
|
|
|
|
把你项目里面的 `package.json` 里面的相关依赖包版本改成上面的。然后执行 `pnpm i` 安装。
|
|
|
|
## oxlint 升级
|
|
|
|
```sh
|
|
pnpm add -D oxlint@v1.0.0 # 主要不要贪最新，最新的 v1.1.0 有问题，会报错。
|
|
```
|
|
|
|
`package.json` 里面的 `"lint-staged"` 内容改为：
|
|
|
|
```json
|
|
"lint-staged": {
|
|
"**/*.{html,cjs,json,md,scss,css,txt}": [
|
|
"prettier --write --cache"
|
|
],
|
|
"**/*.{js,jsx,ts,tsx,vue,mjs,cjs,mts,cts}": [
|
|
"oxlint --fix",
|
|
"prettier --write --cache"
|
|
],
|
|
"!**/{node_modules,dist}/**": []
|
|
},
|
|
```
|
|
|
|
`package.json` 里面的 `scripts` 添加：
|
|
|
|
```json
|
|
scripts: {
|
|
// ... 其他
|
|
"lint": "oxlint",
|
|
"lint-fix": "oxlint --fix"
|
|
}
|
|
```
|
|
|
|
然后在项目根目录新建 `.oxlintrc.json` 文件，内容如下：
|
|
|
|
```json
|
|
{
|
|
"$schema": "./node_modules/oxlint/configuration_schema.json",
|
|
"extends": ["config:recommended"],
|
|
"plugins": ["import", "typescript", "unicorn"],
|
|
"rules": {
|
|
"no-console": "off",
|
|
"no-unused-vars": "off"
|
|
},
|
|
"env": {
|
|
"es6": true
|
|
},
|
|
"globals": {
|
|
"foo": "readonly"
|
|
},
|
|
"ignorePatterns": [
|
|
"node_modules",
|
|
"dist",
|
|
"src/static/**",
|
|
"src/uni_modules/**",
|
|
"vite.config.ts",
|
|
"uno.config.ts",
|
|
"pages.config.ts",
|
|
"manifest.config.ts"
|
|
],
|
|
"settings": {},
|
|
"overrides": [
|
|
{
|
|
"files": ["*.test.ts", "*.spec.ts"],
|
|
"rules": {
|
|
"@typescript-eslint/no-explicit-any": "off"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
## 移除 eslint, stylelint
|
|
|
|
上面配置了 `oxlint` 后，`eslint` 不需要了，可以把 `依赖包` 和 `配置文件` 都都删除。
|
|
|
|
`stylelint` 可以保留也可以删除，因为几乎都是用 `unocss` 来写样式的，所以 `stylelint` 不要也可以。
|
|
|
|
## unocss 升级(可选)
|
|
|
|
有空再写，忙。
|
|
|
|
## vscode 配置文件升级
|
|
|
|
`.vscode/settings.json` 里面 `explorer.fileNesting.patterns` 配置如下：
|
|
|
|
```json
|
|
"explorer.fileNesting.patterns": {
|
|
"README.md": "index.html,favicon.ico,robots.txt,CHANGELOG.md",
|
|
"pages.config.ts": "manifest.config.ts,openapi-ts-request.config.ts",
|
|
"package.json": "pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitattributes,.gitignore,.gitpod.yml,CNAME,.npmrc,.browserslistrc",
|
|
".oxlintrc.json": "tsconfig.json,.commitlintrc.*,.prettier*,.editorconfig,.commitlint.cjs,.eslint*"
|
|
}
|
|
```
|