vite+vue3+ts+eslint+prettier
cnpm i typescript eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin -D复制代码 eslint: ESLint的核心代码 @typescript-eslint/parser:ESLint的解析器,用于解析typescript,从而检查和规范Typescript代码 @typescript-eslint/eslint-plugin:这是一个ESLint插件,包含了各类定义好的检测Typescript代码的规范 cnpm i prettier eslint-config-prettier eslint-plugin-prettier -D复制代码 prettier:prettier插件的核心代码 eslint-config-prettier:解决ESLint中的样式规范和prettier中样式规范的冲突,以prettier的样式规范为准,使ESLint中的样式规范自动失效 eslint-plugin-prettier:将prettier作为ESLint规范来使用 eslint配置如下: prettier配置如下: settings.json配置如下: 在 commit 之前,将暂存区的内容做一次 代码检查 和 代码美化 ,再添加到暂存区,然后再 commit husky 是一个为 git 客户端增加 hook 的工具。比如 pre-commit 钩子就会在你执行 git commit 的触发。 lint-staged 是一个在 git 暂存文件上(也就是被 git add 的文件)运行已配置的 linter(或其他)任务。lint-staged 总是将所有暂存文件的列表传递给任务。 package.json配置如下: vscode安装eslint、prettier settings.json配置如下: 完整package.json配置如下:
https://juejin.cn/post/6915378605459521543