VSCode在提交文件时禁用更漂亮的格式

VSCode是一款开源的轻量级集成开发环境（IDE），它提供了丰富的功能和插件，使开发人员能够高效地编写代码。在提交文件时禁用更漂亮的格式是指禁止VSCode在提交代码时自动格式化代码的功能。

禁用更漂亮的格式可以通过以下步骤实现：

打开VSCode，点击左侧的扩展图标（四个方块组成的图标）。
在搜索框中输入"beautify"，找到并点击"Beautify"插件。
点击右侧的齿轮图标，选择"Extension Settings"。
在"Beautify: On Save"选项中，将复选框取消勾选。

这样设置后，当你提交文件时，VSCode将不会自动格式化代码，保持原有的代码格式不变。

禁用更漂亮的格式的优势在于：

保持代码风格一致：有些开发团队对代码风格有严格的要求，禁用更漂亮的格式可以确保代码提交时不会被自动格式化，从而保持代码风格的一致性。
减少代码变动：自动格式化代码可能会导致代码的细微变动，这可能会对版本控制系统和代码审查造成干扰。禁用更漂亮的格式可以避免这种情况的发生。
提高提交速度：自动格式化代码可能会消耗一定的时间，尤其是在大型项目中。禁用更漂亮的格式可以提高提交代码的速度。

禁用更漂亮的格式适用于以下场景：

严格的代码风格要求：如果你所在的开发团队对代码风格有严格的要求，禁用更漂亮的格式可以确保代码提交时不会被自动格式化，从而保持代码风格的一致性。
版本控制和代码审查：如果你使用版本控制系统进行代码管理，并且进行代码审查，禁用更漂亮的格式可以避免代码的细微变动对版本控制和代码审查造成干扰。
提交代码速度要求高：如果你需要频繁提交代码，并且对提交速度有较高的要求，禁用更漂亮的格式可以提高提交代码的速度。

腾讯云提供了一系列与云计算相关的产品，其中与开发工具相关的产品包括云开发（CloudBase）和云IDE（Cloud Studio）。云开发是一款集成开发环境，提供了代码编辑、调试、部署等功能，支持多种编程语言和框架。云IDE是一款基于浏览器的在线开发工具，可以在任何地方使用，无需安装任何软件。

腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb 腾讯云云IDE产品介绍链接地址：https://cloud.tencent.com/product/cloudstudio

相关·内容

Vue学习笔记4-项目开发规范及插件

会自动分析所有包含的单词，不在已掌握单词列表中的单词会自动添加到陌生单词列表； GitLens：多人协作开发时，可快速查找 git 提交记录。...= false [Makefile] indent_style = tab 在项目根目录看有没有 .vscode 文件夹，若没有，就新建。...2.3 Git 提交以上文件到 git 代码仓库，在 .gitignore 文件中配置： node_modules .DS_Store dist .cache .turbo .local # local...": true, // 禁用函数参数双向协变检查 "strictFunctionTypes": false, // 在 .tsx文件里支持JSX "jsx": "preserve...没有它你的代码也能运行，有了它你的代码可以写的更漂亮。ESLint还支持插件，第三方框架会基于ESLint写出自己的代码检查插件。比如Vue3对应eslint-plugin-vue。

2444 0

编辑器VSCode使用心得

app，当时很想支持一下国产，但是当项目越来越大时，会很卡，超级卡，如果几个项目同时启动，估计就会挂掉了官网地址：http://www.dcloud.io/ vscode vscode是我今天要重点介绍的一款编辑器...查看作者的历史比较: 比较分支比较有跨提交比较文件其他特点: Github化身挑选提交重新提交从提交创建分支树状视图中的视图提交信息(所有更改的快照) 合并和变基 ?...Material Icon Theme 截止目前下载量：4.8M 很漂亮的图标库，用于编辑器左侧树状菜单文件和文件夹图标显示 ?...我遇到过以下几种情况，编辑器会重载的编辑器很卡，代码格式化失效编辑器很卡，代码提示没了编辑器莫名其妙的变成英文的，虽然不影响使用，但是看着别扭编辑器升级，自动重启按装或者卸载了插件，启用或者禁用了插件...，需要重新加载以上这些情况都会重启编辑器，导致在编辑器内启动的命令行工具跟着重启，所以不建议在命令行内启动项目服务插件安装要谨慎，不要装太多，只安装你需要的，装的太多，会拖慢编辑器，安装时留意一下插件的下载量

1.4K3 0

前端VSCode常用插件「建议收藏」

3.One Dark Pro 颜色主题 4.格式化代码（vscode系统自带）但是html标签嵌套比较多，可能需要自动格式化比较好，所以我们可以利用vscode自动的功能格式化代码，暂且不用格式化插件...（1）点击管理按钮—选择里面的设置命令 vscode 管理–设置（2）选择用户 —> 文本编辑器 —> 正在格式化 —> 勾选如下图的2个按钮 vscode自动格式化代码这样，我们不用安装插件...4.open in browser 浏览器预览页面编写完代码，需要浏览器预览，可以安装这个插件 5. vscode-icons 设置文件图标主题可以很清楚看到文件对用的图标。...16.Git History 查看 git 日志、文件历史、比较分支或提交 17.GitLens — Git supercharged 增强 Visual Studio Code 中制造的 Git...22.Path Intellisense 自动补全文件名的 Visual Studio Code 插件 23.Prettier – Code formatter 使用更漂亮的代码格式化程序 24.Preview

1.8K2 0

面向前端开发人员的VSCode自动化插件

在本文中，我就将为大家介绍一些可以为前端开发人员提高开发效率的VSCode自动化技巧。 Live Server 一般情况下，当你在VSCode修改代码后，你需要手动刷新浏览器才能看到效果。...另外，如果你启用了VSCode的自动保存功能，Live Reload将会变得更酷，更方便。 ?...Live SASS编译器可以通过Live SASS编译器将你的SASS或SCSS文件轻松地自动编译成CSS，并在代码编辑器本身的内部实时编译，并自动在浏览器中为你提供应用程序或编译后的样式的实时预览，...Prettier Prettier，一个在前端开发者中流行的VSCode扩展，拥有1100万的下载量，并且还在不断增长，它可以帮你快速格式化你的代码，只需要按一个按钮，代码就格式化完成了。...你是否曾想在每次提交或推送代码时都运行一条命令？那么 git 钩子就是你要找的东西了。 Git 钩子是一种自定义脚本，它可以在 git 命令之前或之后运行，以自动化手动任务。

1K2 0

2022代码规范最佳实践（附web和小程序最优配置示例）

在根目录下新增.vscode目录，目录下新建setting.json文件，添加如下的设置。这里为了避免关闭vetur和eslint配置的冲突，关闭vetur一些格式化的选项。...extensions.json 也是可以的，我们可以在.vscode下新增extensions.json文件，配置推荐的插件。...或者更简单的方式，直接在插件右键，点击添加到工作区建议，就可以生成下面这样的文件。...配置husky-防止提交不规范的代码有了前面的三道保障后，我们的代码已经被规范得差不多了，但是依然存在把不规范代码提交到git的可能，比如没装vscode的eslint插件，又没跑eslint的命令。...为了守住代码提交前的最后一道防线，我们需要用到husky，在git提交前的勾子，做代码的检查，如果检查不过就不允许提交，再配合lint-staged，只对缓冲区文件做检查，提高检查的速度。

1.7K3 0

vscode 前端最佳插件配置

vscode插件安装 Dracula Official 主题（我的最爱） Material Icon Theme 图标主题 Chinese Language Pack 中文语言包 GitLens 在代码中显示每一行代码的提交历史...项目，禁用)【js文件】 C/C++ 运行React Native项目时，查看某些文件的需要这个【全局】 ---- { // VScode主题配置 "editor.tabSize":...true, // 对所有文件，保存时自动格式化 // "source.fixAll.eslint": false, // 更细....在文件保存时，eslint规则生效。此配置会影响 eslint.format.enable // "source.fixAll.tslint": false, // 更细....在文件保存时，tslint规则生效。此配置会影响 typescript.validate.enable // "source.fixAll.stylelint": false // 更细.

5.4K2 0

Vscode笔记-24款插件

当中对 jupyter 的支持非常不错，可以在 vscode 当中快速打开、运行 .ipynb 文件，再也不用在 web 当中运行 notebook 了，体验大大提升。...live server 前端神器，可以在 vscode 中预览编写的网页。...Flutter Helpers Flutter代码提示 Flutter Widget Snippets Flutter代码片段 Formatting Toggle 可以通过单击来打开和关闭格式化程序（漂亮...- Code formatter 更漂亮-代码格式化程序 Remote - SSH Visual Studio代码远程-SSH Remote - SSH: Editing Configuration...（两个方向） SCSS Formatter SCSS格式化程序 SCSS IntelliSense SCSS智能感知 shell-format shell格式化 Swig(.tpl) Swig的简单语法着色和漂亮的代码片段

10.4K2 0

30 个极大提高开发效率超级实用的 VSCode 插件

你可以对其进行设置，以便在每次保存代码时格式化你的代码，从而显着减少你花在格式化代码上的时间。...它允许你跨提交比较分支、提交和文件。也可以查 Github 头像，挺整洁的。...你可以在 VSCode 编辑器底部栏右下角打开 Auto Format Vue 开关，它可能帮你在代码保存的时候自动格式化 vue 文件的格式，默认是关闭状态。...如果你不想自动格式化 vue 文件，你也可以在 vue 文件中点击鼠标右键，在出现的菜单栏中选择 Format Document 菜单项，则文件会执行一次格式化。...ESLint 如果你需要格式化程序和规范代码，那么这个插件适合你。它可以自动格式化你的代码并查找代码中的错误。此外，它允许你在书签代码之间选择代码区域，这对于日志文件分析等非常有用。

3.5K3 0

1K3 0

DIY VSCode 插件，让你的开发效率突飞猛进

在 package.json 的 contributes 下添加自定义的 Snippets。language 表示在某种特定语言下，对应的代码片段才会被加载生效。path 表示代码片段文件的存放路径。...:${toplevelfilename} 当打开包含某个命名规则的文件夹时 onFileSystem:${scheme} 以某个协议（ftp/sftp/ssh 等）打开文件或文件夹时 onView:${.../snippets/javascript.json" }, ... ] } } 2. extension.js：插件的执行入口文件，通常包括激活（activate）和禁用...不妨花上些时间，梳理下使用频率最高或者最佳实践的代码片段，DIY 一个自己的插件，将重心放到更核心更复杂代码逻辑上。...GitLens，增强了 VSCode 中内置的 Git 功能，包括查看代码作者、查看历史提交记录等等。还有其他好用的插件，欢迎补充~~

1.9K2 0

vscode-前端插件

vscode 通用插件中文主题标签主题格式化给括号加上不同的颜色, 方便区分代码块本地文件修改历史单词拼写检查 git 历史提交记录 GitLens 前端插件自动闭合HTML/XML标签...open in browser vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，...Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 Debugger for Chrome 映射vscode上的断点到chrome上，方便调试调试方式...editor.quickSuggestions": { "other": true, "comments": true, "strings": false }, // 保存时自动格式化...open-in-browser.default": "Google Chrome", "files.autoSave": "afterDelay", "explorer.confirmDelete": false, } 这里有一份更详细的清单

1.7K2 0

VSCode前端必备插件，有可能你装了却不知道如何使用？

汉化完成插件 1.Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome...当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。 ? ?...你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。 ? ? 6.Prettier Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。...9.TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。...16.vscode-icons 各种漂亮的图标 ? vscode-icons 17.filesize 左下角显示文件大小的插件 ?

3.9K4 1

VSCode 开发必备插件以及配置

前言 VSCode 本文记录我使用过的比较好用的插件，持续更新只记录插件名称及简单介绍，不记录具体用法，部分插件的用法会单独写文章记录 1....- 文件目录图标 Power Mode - 炫酷的打字特效 Prettier - Code formatter - 代码格式化站长源码网 CSS Peek - 在 HTML 中通过 CSS...id 或 class 定位 Polacode - 生成漂亮的代码截图 Auto Rename Tag - 标签自动重命名 Bracket Pair Colorizer 2 - 成对括号着色...Vue 插件 Vetur - 语法高亮、智能感知、格式化 Vue VSCode Snippets - Vue 代码片段 4....娱乐插件 ---- Rainbow Fart - 程序员鼓励师 (彩虹屁) uni-app 相关插件序号插件名称描述 1 uni-helper 让开发者在vscode中开发 uni-*的体验尽可能的好

6442 0

web大前端必备的VSCode插件，常用的（15个）「建议收藏」

1.Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）...当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。...你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。 6.Prettier Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。...同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。 9.TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。...你每天都会与你的 VSCode 编辑器进行“亲密的接触”，为何不把它打扮得更漂亮些呢？

3.8K4 0

代码规范之-理解ESLint、Prettier、EditorConfig

当在编辑器里格式化未生效时，可以在.settings.json里检查对应文件格式指定的格式化程序并调整就可以： ?...这样在VSCode编辑器里，触发文件格式化时就能根据配置自动美化格式代码；配置项：可以在VSCode 首选项-设置-扩展或.settings.json中更改通用配置；当然还可以在具体项目根目录设置...在规则编写时，每个规则都是单独的文件和对应的格式化方法。...如果你正在使用GIt做项目代码管理，那么则可以借助husky + lint-staged + Prettier 在Git提交时，自动强制校验并格式化且修复代码，而且只处理自己本次改动提交的文件。...有时会遇到团队制定特别严格的规则校验，且在每次代码提交时，收集检查结果作为代码质量评估的重要指标。个人认为这种方式固然可以量化一部分代码质量考核问题，但形式主义过重。不过也是廖胜于无的做法。

2.7K3 0

使用sublime打造一个终极版的Python开发编辑环境

具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。...Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。欣赏VSCode和Sublime的一点是JSON设置，默认设置和用户设置。...然而，最近的VSCode版本正在把它变得更像Intellij ide。看，JSON设置非常棒。我们可以在设置中写我们的评论，为什么我们想要一个特定的设置，为什么我们在一开始就禁用它。...侧边栏的改进安装侧栏增强功能，以允许对侧栏中的文件和文件夹进行过多的操作： https://packagecontrol.io/packages/SideBarEnhancements ?...Anaconda 将sublime变成一个功能齐全的Python IDE，包括自动补全、linting、autopep8格式化、搜索引用等等。

2.3K2 0

27 个提升开发幸福度的 VsCode 插件

TypeScript文件，在新创建的文件输入rsr，然后按回车或 tab 键 Vscode 就会帮咱们生成代码片段内容。...一些项目将以不同的方式配置，当需要区分特定的用例时，用于配置代码片段的全局文件就成了一个问题。...咱们仍然能够利用大部分ESLint的规则和兼容性与更漂亮使用新的设置。 6. Stylelint 对我来说，出于以下几个原因，stylelint 在我所有的项目中都是必须的：它有助于避免错误。...Prettier Prettier是VSCode的扩展，可自动格式化JavaScript/TypeScript 等等，使代码更漂亮。 ? 25....Material Icon Theme 与其他图标主题相比，我更喜欢 Material Icon Theme，因为文件类型更为明显，尤其是在使用深色主题。 ? 26.

2K3 0

15分钟快速配置eslint,prettier,lint-staged,husky,commitizen实现前端项目代码规范化

stylelint：css样式格式校验 2.代码提交规范相关 lint-staged：一个在git暂存文件上运行linters的工具，检查本次修改更新的代码，并自动修复并且可以添加到暂存区 husky:...pre-commit：git hooks的钩子，在代码提交前检查代码是否符合规范，不符合规范将不可被提交 commit-msg：git hooks的钩子，在代码提交前检查commit信息是否符合规范 commitizen...重点：如果使用方式二，需同时安装 eslint-config-prettier 作用：禁用与lint相关的所有格式化规则。...，然后安装即可点击左下角的"齿轮图标"，点击Setting后上端选择Workspace选项卡,（也可以在项目根目录下创建一个配置文件 .vscode/settings.json），添加以下配置： {...IDE git commit 支持格式化插件搜索安装 convertional commit，在 VCS 下 git commit 时，可以点击提交信息输入框右上角的按钮，选择本次修改类型，如图：

3.4K3 1

【图文并茂】六十多个 vscode 插件，助你打造最强编辑器

VSCode Great Icons 另一个修改文件图标的插件，我用的就是这个，相对于 Material Theme Icons 我更喜欢这个的风格，萝卜青菜可有所爱，大家各取所需。...VSCode配置 Debugger for Chrome插件 Git History 右键单击文件选择 Git：View File History 来以列表的形式查看所有的提交记录。...记得添加.gitignore，不然每次提交代码的时候就要遭重了。 open in browser 在浏览器中打开 html 文件。...我的是中文的，就更明显了 Postcode Postman 都听说过吧，这个插件就基本上可以理解为，在 vscode 里面使用 postman 。...在根目录下新建 .prettierrc.json 文件，在里面书写自己想要的格式就行了。

2K4 0

深度讲解TS：这样学TS，迟早进大厂【21】：代码检查

在 VSCode 中集成 ESLint 检查§ 在编辑器中集成 ESLint 检查，可以在开发过程中就发现错误，甚至可以在保存时自动修复错误，极大的增加了开发效率。...VSCode 中的 ESLint 插件默认是不会检查 .ts 后缀的，需要在「文件 => 首选项 => 设置 => 工作区」中（也可以在项目根目录下创建一个配置文件 .vscode/settings.json...但前端社区中有一个更先进的工具可以用来格式化代码，那就是 Prettier。 Prettier 聚焦于代码的格式化，通过语法分析，重新整理代码的格式，让所有人的代码都保持同样的风格。...需要注意的是，由于 ESLint 也可以检查一些代码格式的问题，所以在和 Prettier 配合使用时，我们一般会把 ESLint 中的代码格式相关的规则禁用掉，否则就会有冲突了。...不包含任何代码格式的规则，代码格式的问题交给更专业的 Prettier 去处理）。

2.5K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云