老师对于eslint和prettier怎么配置呀

来源:3-3 使用 vue-cli 配置 vue3 开发环境

artsmp

2020-09-23

写回答

1回答

张轩

2020-09-23

同学你好欧 课中有讲 eslint 的配置,如果使用的是 vscode,直接下载 eslint 插件就支持在编辑器中实时显示错误。 

prettier 的话 vue-cli 创建可以自带 perttier,在 Pick a linter / formatter config 这一步选择

ESLint + Prettier 这一项。

然后它就会自动在你 commit 之前加一个钩子命令,帮你自动修复格式上的问题。

这是它在 package.json 中添加的命令

"gitHooks": {
    "pre-commit": "lint-staged"
},
"lint-staged": {
    "*.{js,jsx,vue,ts,tsx}": [
        "vue-cli-service lint",
        "git add"
    ]
}


2
2
cyper
谢谢, 用了自动格式化和自动fix(纠正错误)就 回不去了。
2020-10-26
共2条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程