VSCode 自动格式化

简介: VSCode 自动格式化

1.打开应用商店,搜索 prettier code formatter ,选择第一个,点击安装。

2.安装完成后,点击文件,选择首选项,选择设置。

3.在搜索框内输入 save ,勾选在保存时格式化文件。

4.随便打开一个文件,在文件中右键点击,选择使用...格式化文档。

5.点击配置默认格式化程序。

6.选择 prettier code formatter 为默认格式化程序。

现在我们把可以试着把代码格式打乱。

以后我们可以按 Ctrl + S 键保存时,代码就会自动格式化啦!


相关文章
|
4天前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
小程序
VSCode插件 Beautify格式化微信小程序wxml属性换行显示
VSCode插件 Beautify格式化微信小程序wxml属性换行显示
1136 0
|
JavaScript 前端开发
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
般的代码格式化工作,ESLint完全可以胜任,为什么要用Prettier代替ESLint的代码格式化功能?简而言之,Prettier的代码格式化功能比ESLint更强大,配置更简单,通过配置,ESLint可以使用Prettier的代码规则进行校验,如果不配置好,会出现冲突,导致二者不能配合使用。 下面详细介绍如何配置ESLint+Prettier在VSCode中开发Vue代码:
971 0
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
|
4天前
|
Linux C++
vscode 如何修改c/c++格式化风格,大括号不换行
vscode 如何修改c/c++格式化风格,大括号不换行
|
9月前
|
JavaScript 前端开发
ESlint + Stylelint + VSCode自动格式化代码(2023)
ESlint + Stylelint + VSCode自动格式化代码(2023)
190 0
|
10月前
|
Ubuntu
vscode配置clang-format自动格式化代码
vscode配置clang-format自动格式化代码
518 0
|
4天前
|
JavaScript 前端开发 C++
VSCode Vue 代码自动格式化问题
VSCode Vue 代码自动格式化问题
|
9月前
|
Shell
Shell VSCode 基本开发插件(语法提示、错误检测、格式化、运行代码)
Shell VSCode 基本开发插件(语法提示、错误检测、格式化、运行代码)
465 0
|
10月前
Vscode如何配置自己的eslint实现自动格式化代码
Vscode如何配置自己的eslint实现自动格式化代码
vscode 格式化使用Tab缩进4个制表符
vscode 格式化使用Tab缩进4个制表符
565 0