AI 助理
备案控制台
开发者社区 云计算 文章 正文

VSCode 自动格式化

2024-04-07 135
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： VSCode 自动格式化

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

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

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

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

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

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

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

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


关键词：
vscode格式化
vs code格式化
小吴吴吴呀
目录
相关文章
你挚爱的强哥
|
6月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
你挚爱的强哥
392 0
众所周知
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具，可以确保代码风格一致，提升团队协作效率和代码质量。
众所周知
221 2
龙大吉
|
17天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具，可以显著提升编码效率和代码质量。
龙大吉
174 4
龙大吉
|
15天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具，可以确保代码风格一致，提高代码质量和可读性。
龙大吉
45 1
龙大吉
|
1月前
|
JavaScript 前端开发 开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展，代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier，以及设置 VSCode，实现代码实时检查和格式化，确保代码风格一致。
龙大吉
27 2
龙大吉
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。
【10月更文挑战第8天】本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。通过安装 VSCode 插件、配置 ESLint 和 Prettier，实现代码规范检查和自动格式化，确保代码风格一致，提高可读性和维护性。
龙大吉
68 2
热爱技术的小郑
|
3月前
|
JSON JavaScript 前端开发
成功解决：正则表达式在vscode中会自动格式化一部分
这篇文章讨论了在Visual Studio Code中编写正则表达式时遇到的问题，即正则表达式因自动格式化而变形，并提供了使用双反斜杠、确保在字符串中定义正则表达式、检查文件类型等解决方法来避免这一问题。
热爱技术的小郑
57 0
成功解决：正则表达式在vscode中会自动格式化一部分
jcLee95
|
3月前
|
Dart
Flutter笔记：手动配置VSCode中Dart代码自动格式化
Flutter笔记：手动配置VSCode中Dart代码自动格式化
jcLee95
460 5
。思索
|
3月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
。思索
165 0
朝阳39
|
4月前
|
前端开发 JavaScript 开发工具
vscode教程（含使用技巧、保存时自动格式化文件等设置）
vscode教程（含使用技巧、保存时自动格式化文件等设置）
朝阳39
331 0

热门文章

最新文章

  • 1
    这 12 个基于 AI 的 VSCode “杀手级” 生产力插件，了解一下？（一）
  • 2
    VS Code书写vue项目配置 eslint+prettier 统一代码风格
  • 3
    Mac 上 iterm2 和 VSCode 终端中的字体设置建议
  • 4
    VsCode通过snippet generator快速生成自定义代码片段
  • 5
    VS Code英汉词典进化效果演示: 翻译文件所有命名
  • 6
    sublime和vscode比较
  • 7
    【开发工具】【windows】Visual Studio Code(VS Code)远程Linux服务器环境搭建——SFTP篇
  • 8
    VSCode 中使用 vim 操作
  • 9
    Vscode搭建开发调试STM32/RISC-V环境IDE(最全面)
  • 10
    使用VScode开发Angular
  • 1
    【完全免费】VS Code 最好用的 12 款 AI 代码提示插件！！！
    8258
  • 2
    【Linux】VScode远程连接Linux
    67
  • 3
    Vscode 内存过高的解决办法
    568
  • 4
    「Python入门」python环境搭建及VScode使用python运行方式
    99
  • 5
    vscode 生成项目目录结构 directory-tree 实用教程
    284
  • 6
    vscode中快捷生成自定义vue3模板
    307
  • 7
    vue3【2024版】开发环境搭建（含官网和nvm下载切换最新版node，修改node下载源，创建项目，启动项目，安装vscode插件Vue - Official）
    275
  • 8
    若依修改01-通义灵码 AI智能编码，从这里开始，搭建，设计，编码，部署，使用AI辅助设计，通义千问把AI辅助设计放到快捷链接当中，vscode可以嵌入通义灵码，必须解决idea+vscode+通义灵
    265
  • 9
    uni-app 使用vscode开发uni-app
    214
  • 10
    下载安装 vscode（含汉化、插件的推荐和安装）
    73

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

    更多
  • 前端开发基础2：VS Code和Edge的联动开发
  • 基于函数计算部署Serverless VSCode WebIDE
    • 下一篇
    阿里云OSS设置跨域访问