vscode 文件格式化

vscode本身的代码格式化快捷键是alt+shift+f,自身的格式化可以格式化部分文件，但是不能定制格式化，如js文件结尾要添加;号，默认使用 " " 等。

如果要实现定制化的格式化，就需要下载以下2个插件。

ESlist和prettier,

下载好之后就可在设置中搜索setting,找到配置文件，

将格式化选择为prettier

之后就可以实现自定义格式化配置了，直接将需要的代码复制到setting文件即可。

// 让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// 去掉代码结尾的分号
"prettier.semi": false,
// 使用带引号替代双引号
"prettier.singleQuote": true,
// 让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,

vscode 文件格式化相关推荐

vscode文件格式化配置
使用Prettier - Code formatter插件格式化后,自定义或者element-ui的组件的属性会自动换行看着很难受 {// vscode默认启用了根据文件类型自动设置tabsize的选 ...
vscode --- 快捷键格式化代码时,分号消失
问题复现最近在vscode中,格式化代码(快捷键 alt + shift + F)时,分号会莫名奇妙的消失对于习惯打分号的我来说,看起来很别扭- 解决方案. 我使用的是prettier这个插件来设 ...
vscode自动格式化不符合eslint_VsCode（Visual Studio Code）格式化代码符合EsLint
利用Visual Studio Code ESlint插件,实现自动格式化代码步骤一:安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=& ...
vscode html 格式化_详解VSCode 格式化不符合预期的问题
一句话总结不同格式化程序执行时长不一样,导致文件格式好后和预期不符. 请务必保持校验(Lint)规则和格式化(Format)规则一致,不然格式化后还是不符合预期是非常讨厌的. 本篇主要讲解怎么调教V ...
Vscode代码格式化文档配置
首先找到这个文件settings.json 如下图 (1) (2) ![](https://img-blog.csdnimg.cn/887616ebb4e24a8a9d7b848561f239e4.p ...
vscode代码格式化保存时候自动修改为合规代码
安装这三个组件 windwos ctrl+,打开设置然后点击右上角这里将一下内容粘贴并保存 {// tab 大小为2个空格"editor.tabSize": 2,// 100 ...
vscode 代码格式化及快捷键
VSCode 代码格式化快捷键 On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I 代码格 ...
三步搞定 vscode 代码格式化
一.安装以下几个 vscode 扩展程序: ESLint Prettier - Code formatter Vetur 如图: 二.打开 settings 文件打开方式: 先按步骤打开 setti ...
vscode的格式化问题
vscode的格式化问题一.先下载插件二.在setting.josn配置三.配置.editorconfig文件一.先下载插件在插件商店中下载三个插件 Beautify.Eslint.Vetu ...

vscode 文件格式化

vscode 文件格式化相关推荐

最新文章

热门文章