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
相关推荐
左 岸 ღ °6 小时前
window11 通过cmd命令行安装 oh my zsh 的教程
编辑器
MonkeyKing_sunyuhua7 小时前
Visual Studio Code 进行汉化
ide·vscode·编辑器
沫夕残雪7 小时前
HTTP,请求响应报头,以及抓包工具的讨论
网络·vscode·网络协议·http
空中湖7 小时前
墨笔 在线Markdown 编辑器
编辑器
还是鼠鼠8 小时前
Node.js全局生效的中间件
javascript·vscode·中间件·node.js·json·express
苏克贝塔9 小时前
CMake学习--Window下VSCode 中 CMake C++ 代码调试操作方法
c++·vscode·学习
有趣的我10 小时前
vim的操作
编辑器·vim·excel
悠夏安末11 小时前
intellij Idea 和 dataGrip下载和安装教程
java·ide·intellij-idea
『六哥』14 小时前
Windows 10 如何设置右击鼠标快速进行“关机”
windows·经验分享·编辑器
步木木15 小时前
Anaconda和Pycharm的区别,以及如何选择两者
ide·python·pycharm