代码检测工具: Eslint
代码格式化工具: Prettier
prettier可以在保存代码时,让代码符合ESLint标准
- 在VSCode中安装prettier插件
- 在项目根目录创建.prettierrc.js文件
配置prettier
module.exports = { semi: true, singleQuote: true, trailingComma: 'none' }
- 在VSCode设置中勾选
Format On Save
,formatter中Default Formatter
选择Prettier-Code formatter
- 在VSCode设置中修改
Tab Size
为2,将一个tab改为两个空格 在.eslintrc.js中解决ESLint和Prettier之间的冲突
module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/vue3-essential', '@vue/standard' ], parserOptions: { parser: 'babel-eslint' }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'space-before-function-paren': 0 } }
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。