vscode中使用eslint+prettier的配置

eslint+prettier+vscode自动保存用起来感觉非常爽快。

一般来说,安装eslint+prettier插件,然后使用相关脚手架配套的eslint+prettier,无法自动格式代码,每次都需要执行格式化命令。这里贴出保存自动格式化代码的setting.json。

javascript 复制代码
// ...其他配置项

// eslint配置开始
// eslint检测开关
"eslint.enable": true,
// 需要eslint校验的文件
"eslint.validate": {
	"javascript",
	"javascriptreact",
	"typescript",
	"typescriptreact",
	"vue",
}
"editor.codeActionsOnSave": { // 编辑器.代码保存时动作
	"source.fixAll.eslint": true // 使用eslint修复所有
}

如果不使用脚手架自带的eslint+prettier配置,可以参考我之前写的项目构建之代码检测

这里归纳一下三个安装命令。

  1. 全局安装eslint
powershell 复制代码
npm i eslint -g
  1. eslint初始化
powershell 复制代码
npx eslint --init
  1. 安装prettier、以及相关的eslint插件和配置项
powershell 复制代码
npm i prettier eslint-plugin-prettier eslint-config-pretter -D
相关推荐
耐心的等待528330 分钟前
调大Vscode资源管理器字体
ide·vscode·编辑器
王解6 小时前
从 CLI 到 API:探索 Prettier 格式化的奥秘 (4)
prettier
Rverdoser7 小时前
Vscode连接服务器
服务器·ide·vscode
狮子座的男孩7 小时前
VSCode 使用教程:项目使用配置、使用哪些插件、Live Server使用问题及解决方案(你想要的,都在这里)
经验分享·vscode·编辑器·配置·插件·live server·问题解决方案
2401_882726487 小时前
web组态可视化编辑器
前端·物联网·前端框架·编辑器·web·iot
组态软件13 小时前
web组态软件
前端·后端·物联网·编辑器·html
Sgq丶17 小时前
Android Studio 配置 proto
android·ide·android studio
pakano18 小时前
VSCode 间距太小
ide·vscode·编辑器
好喜欢吃红柚子21 小时前
Vscode连接服务器
服务器·ide·vscode
cooldream20091 天前
使用IDEA和VSCode中搭建若依的前后端项目
java·vscode·intellij-idea