eslint+prettier+vscode自动保存用起来感觉非常爽快。
一般来说,安装eslint+prettier插件,然后使用相关脚手架配套的eslint+prettier,无法自动格式代码,每次都需要执行格式化命令。这里贴出保存自动格式化代码的setting.json。
// ...其他配置项
// eslint配置开始
// eslint检测开关
"eslint.enable": true,
// 需要eslint校验的文件
"eslint.validate": {
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue",
}
"editor.codeActionsOnSave": { // 编辑器.代码保存时动作
"source.fixAll.eslint": true // 使用eslint修复所有
}
如果不使用脚手架自带的eslint+prettier配置,可以参考我之前写的项目构建之代码检测文章来源:https://www.toymoban.com/news/detail-694825.html
这里归纳一下三个安装命令。文章来源地址https://www.toymoban.com/news/detail-694825.html
- 全局安装eslint
npm i eslint -g
- eslint初始化
npx eslint --init
- 安装prettier、以及相关的eslint插件和配置项
npm i prettier eslint-plugin-prettier eslint-config-pretter -D
到了这里,关于vscode中使用eslint+prettier的配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!