Vscode插件Eslint保存代码自动格式化

简介: Vscode插件Eslint保存代码自动格式化

1.在Vscode应用商店安装eslint + vuter + prettier自动格式化代码配置;
2.文件—首选项—设置—用户设置—拓展—ESlint—点击“在setting.json”中编辑
3.黏贴如下代码:
{
"window.zoomLevel": -1, // 窗口大小比例
"editor.tabSize": 2,
"editor.detectIndentation": false,
"emmet.triggerExpansionOnTab": true,
"update.channel": "none",
"editor.formatOnSave": true, // eslint保存格式化
"javascript.format.enable": false, // 不启动JavaScript格式化
"prettier.eslintIntegration": true,
"javascript.updateImportsOnFileMove.enabled": "never",
"background.customImages": [],
"winopacity.opacity": 50,
"background.style": {

"opacity": 0

},
// "winopacity.opacity": 1,
"eslint.codeAction.disableRuleComment": {},
"editor.codeActionsOnSave": null,
"diffEditor.ignoreTrimWhitespace": false,
"files.associations": {


"*.tsx": "typescriptreact"

},
"[typescriptreact]": {

"editor.defaultFormatter": "vscode.typescript-language-features"

},
"[json]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},
"[typescript]": {

"editor.defaultFormatter": "vscode.typescript-language-features"

} // 让prettier遵循eslint格式美化,
}
复制代码
作者: Bill 本文地址: http://biaoblog.cn/info?id=1582098300000

版权声明: 本文为原创文章,版权归 biaoblog 个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!

相关文章
|
4天前
|
Linux C语言 C++
vsCode远程执行c和c++代码并操控linux服务器完整教程
这篇文章提供了一个完整的教程,介绍如何在Visual Studio Code中配置和使用插件来远程执行C和C++代码,并操控Linux服务器,包括安装VSCode、安装插件、配置插件、配置编译工具、升级glibc和编写代码进行调试的步骤。
19 0
vsCode远程执行c和c++代码并操控linux服务器完整教程
|
2月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
84 5
vscode10大常用插件
|
1月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中,使用Visual Studio Code(VS Code)结合AI插件能显著提升效率。VS Code提供强大的编辑功能,如语法高亮、自动补全和代码格式化;便捷的调试功能,支持多种调试器;以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误,还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server,可根据需求选择合适的工具组合,提高开发效率和代码质量。
|
2月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
2月前
|
JSON JavaScript 前端开发
成功解决:正则表达式在vscode中会自动格式化一部分
这篇文章讨论了在Visual Studio Code中编写正则表达式时遇到的问题,即正则表达式因自动格式化而变形,并提供了使用双反斜杠、确保在字符串中定义正则表达式、检查文件类型等解决方法来避免这一问题。
成功解决:正则表达式在vscode中会自动格式化一部分
|
2月前
|
Dart
Flutter笔记:手动配置VSCode中Dart代码自动格式化
Flutter笔记:手动配置VSCode中Dart代码自动格式化
226 5
|
2月前
|
Java 数据安全/隐私保护
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)
这篇文章介绍了如何在VSCode中将代码提交到Gitee远程服务器,并提供了解决每次提交都需要输入密码问题的方法。
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)
|
2月前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
281 1
|
2月前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
2月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
60 0