vsCode JS代码格式化插件ESlint

验证有效，Ctrl+S保存代码全格式化了。写这个主要是个人笔记，算不得重复造。

源头：https://blog.csdn.net/qq_34803821/article/details/84972781

1、安装插件

VSCode中打开应用商店并搜索、安装三个插件：ESlint，vetur，Prettier - Code formatter。具体

2、配置VSCode的Settings.json文件

2.1、打开设置界面

路径打开：File(文件)->Preferences(首选项)->Settings(设置)。

快捷键打开：Ctrl+，

2.2、打开Settings.json文件

打开方法1：

打开方法2：

2.3、配置代码，// 代码格式化

{
// 代码文件头部注释"fileheader.customMade": {"Descripttion": "js","Version": "1.0","Author": "name","Date": "Do not edit","LastEditors": "name","LastEditTime": "Do not edit"},"fileheader.cursorMode": {"name": "","test": "test font","msg": "","param": "","return": ""},// 代码格式化// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": true,// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],//  #让prettier使用eslint的代码格式进行校验"prettier.eslintIntegration": true,//  #去掉代码结尾的分号"prettier.semi": false,//  #使用带引号替代双引号"prettier.singleQuote": true,//  #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #这个按用户自身习惯选择"vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned"// #vue组件中html代码格式化样式}},// 格式化stylus, 需安装Manta's Stylus Supremacy插件"stylusSupremacy.insertColons": false, // 是否插入冒号"stylusSupremacy.insertSemicolons": false, // 是否插入分好"stylusSupremacy.insertBraces": false, // 是否插入大括号"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行"stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行"vetur.validation.template": false,"editor.codeActionsOnSave": null //关闭vetur标签闭合检查（用于解决iview标签报错）
}

vsCode JS代码格式化插件ESlint相关推荐

vsCode JS代码格式化插件安装
VSCode中打开应用商店并搜索.安装三个插件: ESlint: vetur: Prettier - Code formatter: 使用: 未格式化: 格式化:
JS代码格式化插件安装及配置
1.ctrl+shift+p调出安装插件 2.输入Jsformat,安装即可 3.找到Preferences->package Setting->Jsformat->Setting ...
Vscode配置js代码格式化失效问题，例如方法后面跟空格javascript.format.insertSpaceBeforeFunctionParenthesis
配置了方法后面不跟空格后,失效了,,,,一直找问题,找不到,原来竟然是... 禁止了js代码格式化的功能: 或者在配置里面添加: // 配置是否开启js代码格式化 "javascript.f ...
在使用 VScode 进行代码格式化后，保存发现代码又变乱了，怎么办？
出现的问题: 在用 VScode 时,代码使用格式化文档时,可以完美的进行格式化,但保存后,代码变乱或遇到如下问题: 保存代码的时候,代码被自动格式化,然后格式就变乱了(只要保存,格式就被打乱) ...
VSCode 设置代码格式化
VSCode 设置代码格式化文件->首选项->设置然后右上角打开设置(json) 默认设置: {"editor.fontSize": 18,"merge ...
PyCharm代码格式化插件
PyCharm代码格式化插件前言 1.安装autopep8 2.设置external tools 3.快捷键设置前言作为新手,可能对代码格式不会太注重,但其对工作而言又是必不可少的,再此,向各位 ...
vscode c#代码格式化
下载 .NET 6.0 (Linux.macOS 和 Windows) (microsoft.com) 今天在写代码时发现,vscode的代码格式化不能用了,发现扩展市场里[DEPRECATED] C ...
vscode vetur 代码格式化优化设置（亲测有用）
原文 vscode vetur 代码格式化优化设置(亲测有用) vue 文件在使用 vetur 格式化时,会默认把标签的每一个属性单独占一行,而且标签错位,可读性很差 1.点击左下角齿轮图标 --&g ...
vim代码格式化插件clang-format
title: vim代码格式化插件clang-format date: 2017-12-12 20:28:26 tags: vim categories: 开发工具安装vim-clang-forma ...

vsCode JS代码格式化插件ESlint

vsCode JS代码格式化插件ESlint

vsCode JS代码格式化插件ESlint相关推荐

最新文章

热门文章