Visual Studio code 代码格式化整理

vs code格式化代码的快捷键如下：（来源于这里）

On Windows Shift + Alt + F
On Mac Shift + Option + F
On Ubuntu Ctrl + Shift + I

【内容补充：非全文格式化的组合键，该操作仅对被框选的代码进行局部格式化】

组合键：Windows 鼠标框选代码段 Ctrl + K + Ctrl + F

但是自带的格式化并不能满足我的需求，这个时候，不得不说插件大法好。

1、代码格式化为eslint风格（参考自这里）

需要插件：eslint

在设置中添加：

"eslint.autoFixOnSave": true,
"eslint.validate": ["javascript","javascriptreact",{"language": "html","autoFix": true},{"language": "vue","autoFix": true}
],

eslint.autoFixOnSave 用来进行保存时自动格式化，但是默认只支持 javascript .js 文件。

eslint.validate 用来配置作用的文件类型。

然后在保存代码的时候，就会自动格式化为eslint风格（需要保存多次）。

2、HTML格式化代码缩进

需要插件：Vetur

Vetur是一个功能非常强大的插件，为 vs code 编写Vue代码提供了强大的支持，也支持大多数主流的前端开发脚本。具体可以看这里->Vetur文档

安装这个插件后，可以在设置中看到如下的内容：

为了让HTML代码可以格式化缩进，添加如下一条：

"vetur.format.defaultFormatter.html": "prettier"

然后用格式化代码的快捷键就可以了。

————————————————
版权声明：本文为CSDN博主「latency_cheng」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/latency_cheng/article/details/80409202

Visual Studio code 代码格式化整理相关推荐

vscode代码格式排列_Visual Studio code 代码格式化整理
vs code格式化代码的快捷键如下:(来源于这里) On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shi ...
vscode自动格式化不符合eslint_VsCode（Visual Studio Code）格式化代码符合EsLint
利用Visual Studio Code ESlint插件,实现自动格式化代码步骤一:安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=& ...
带你掌握Visual Studio Code的格式化程序
摘要:Visual Studio Code 中的所有语言都可以使用其中一种自动格式化程序进行格式化,并且 Python 扩展还支持 linter. 本文分享自华为云社区<Visual Studi ...
介绍一个快速找出 Visual Studio Code 代码多余空格的扩展 - trailing space
如图,一个编程强迫者必用的 Visual Studio Code 扩展: 这个扩展安装之后,能自动高亮代码末尾不必要的空格,如下图这些红色图例所示: 选中当前文件,按 F1 打开 Visual Stu ...
整合Unity游戏引擎和 Visual Studio Code 代码编辑器
孙广东 2015.8.26 长期以来开发Unity游戏时一直有一个痛点: 使用 MonoDevelop 作为 IDE. Visual Studio 在我的桌面 Windows PC 上,使用U ...
Visual Studio Code 常用插件整理
常用插件说明: 一.HTML Snippets 超级使用且初级的H5代码片段以及提示二.HTML CSS Support 让HTML标签上写class智能提示当前项目所支持的样式三.Debugg ...
Visual Studio Code 代码显示空格等空白符的方法
背景如今为了代码的美观,需要使用空格代替TAB键,对齐更方便.使用VS Code后,发现不能显示空格等空白符. 显示空白符 VS Code需要简单的设置一下: 或者: 在设置搜索位置:搜一下 Whi ...
visual studio 2022代码格式化快捷键
1.ctrl + k +f:非强制的,自己写的代码中自己调整的空格不能格式化 2.ctrl + K +d:强制的
Visual Studio Code 代码不会自动提示
如果不会有如下图代码提示解决打开设置打开设置,搜索:@tag:usesOnlineServices,去掉√

Visual Studio code 代码格式化整理

Visual Studio code 代码格式化整理相关推荐

最新文章

热门文章