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
相关推荐
张紫娃19 分钟前
idea 常用快捷键
java·ide·intellij-idea
chhei.6 小时前
使用Pycharm集成开发工具远程调试部署在虚拟机上的flask项目:超级详细的完整指南
ide·pycharm·flask
爱吃面条的猿6 小时前
pycharm中自动补全方法返回变量
ide·python·pycharm
KD3356 小时前
学习笔记 Datewhale MCP Server Task2
vscode
爱听许嵩歌7 小时前
Windows符号链接解决vscode和pycharm占用C盘空间太大的问题
ide·vscode·pycharm
肥or胖7 小时前
Visual Studio 2022 上使用ffmpeg
ide·ffmpeg·visual studio
ricky_fan7 小时前
解决bash终端的路径名称乱码问题
开发语言·chrome·vscode·bash
GDAL10 小时前
Webview 中可用的 VS Code 方法
vscode·node.js
J心流11 小时前
Vscode中使用C++代码进行debug
c++·ide·vscode
时空自由民.17 小时前
vscode clangd插件 编译失败会跳转失败,有时候也会经常出现跳转失败的情况
ide·vscode·编辑器