保存后自动格式化代码(vscode)

最新推荐文章于 2024-03-21 10:43:15 发布
最新推荐文章于 2024-03-21 10:43:15 发布
阅读量240 收藏 1
点赞数
分类专栏： 前端 文章标签： vscode
原文链接：https://www.cnblogs.com/hellofangfang/p/9266752.html
版权

痛点:

写项目的时候, 我们经常会拷贝一些代码, 每当拷贝过来都需要重新调整, 如果可以实现保存自动调整代码, 将会给我们带来很多的便利!

解决:

其实对于vscode来说, 实现这一点很容易. 我们只需要修改两个属性即可.

"editor.formatOnType": true,
"editor.formatOnSave": true

大家需要将上方的代码, 拷贝vscode的设置中.

具体的操作流程是:

打开设置-> 搜索emmet.include -> 找到上方代码拷贝 -> 粘贴到右侧工作区

张得一
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html ...
解决VSCode保存后，函数前自动加上空格，导致报错的问题；以及如何在保存代码时按照ESLint格式化代码
CheyBen的博客
05-19 2万+
报错截图： 在写代码时，function和()之间是没有空格的，在保存后自动加上了空格，导致警告。 注：项目中使用了ESlint来校验代码格式，vscode也已经安装了ESlint的插件（后面发现只起到了提示的作用，并未在保存的时候按照ESlint的要求进行格式化） 一、怎么解决在函数function与()之间自动加上空格的问题呢？ 经过一番摸索，终于还是找到了解决方法： 点击vscode左下角的齿轮图标，点击设置，搜索“函数”，去掉如下勾选： 二、如何在保存代码时按照ESLint格
vscode 代码格式，并设置保存时自动格式化代码
最新发布
chenhao的专栏
03-21 1509
1、报错提示：Binding “columns” should be on a new line.eslint（vue/max-attributes-per-line）3、报错提示：Missing space before function parentheses.eslint（space-before-function-paren）此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的。文件->首选项->设置，点击右上角的箭头所指的按钮（如下图）
vscode保存文档自动格式化配置
qq_34507902的博客
03-28 873
editor.formatOnSave 上图片 一个图片胜过千言万语:在设置中搜索editor.formatOnSave之后勾线成对号就行了 每次保存文档都会自动格式化了
Vscode实现保存后自动格式化代码
weixin_51735258的博客
04-10 1万+
Vscode实现保存后自动格式化代码
VS Code 设置解析及保存代码格式化问题
lwx931449660的博客
09-09 1万+
问题的由来是这样的，git 上拉去的代码，用vscode打开，随便打开一个vue文件，习惯性的 Ctrl + S 保存了，然后 git 显示文件有更改，查看工作树，显示是这样的 这个问题困扰了好久，网上各种查找，各种修改配置，都不起作用，不过最终还是解决了，先上解决办法， ............
vscode 使用Prettier插件格式化配置使用代码详解
11-19
vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照eslint，编辑器打开就是各种红色提醒，当然...
vue+ESLint 配置保存 自动格式化代码
11-21
1. 在.eslintrc.js 添加 vscode 终端启动服务 // 添加⾃定义规则 'prettier/prettier': [ // eslint校验不成功后，error或2则报错，warn或1则警告，off...// eslint格式化字符串 "editor.codeActionsOnSave": {
VSCode代码格式化快捷键及保存时自动格式化
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业...
配置自动格式化功能
m0_46502241的博客
05-29 2829
该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。 vscode Vetur插件 Vetur插件用于识别vue文件，原本vetur自带格式化功能，但是和eslint会有冲突，所以没用上。 vscode ESlint插件 Eslint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示，后面的自动格式化根据这里的错误提示进行格式化操作。 基于vue-cli创建的项目 以下相关步骤需要注意： 创建的时候把Linter/Formatte
vscode中如何实现保存自动格式化代码
weixin_52954097的博客
06-26 3035
1.配置settings.json 文件。2.直接在设置中配置一个选项即可。第一步，点击 文件 首选项 设置。一定记得前边加个逗号。
彻底搞懂ESLint与Prettier在vscode中的代码自动格式化
weixin_64051447的博客
12-10 1万+
前端代码格式化社区提供了两种比较常用的工具ESLint和Prettier，他们分别提供了对应的vscode的插件，二者在代码格式化方面有重叠的部分，规则不一致时会导致冲突。vscode作为前端开发编辑器已经越来越普遍了，这需要开发者在vscode对他们的使用有一定的了解，掌握其中的原理对提升开发效率保证代码质量方面会有很大的帮助，俗话中的工欲善其事必先利其器、磨刀不误砍柴工都是类似的道理。ESLint的具体的用法以及原理等不在本文的介绍范围，可自行查询资料。ESLint。
Vscode如何设置代码保存后自动格式化
热门推荐
HHppGo的博客
06-26 3万+
vscode设置代码保存后自动格式化
vscode代码保存时自动格式化
qq_45830543的博客
09-12 903
格式化这个问题真的时不时困扰我，朋友给我推荐了一个插件，但是我安装之后也不起作用，于是我自己查找了一些资料，把配置改了一下实现了自动格式化的功能，这样以后写代码找错就会更简单。。。。 首先是Ctrl + shift + p打开控制面板，搜索settings, 点击图中这个， 在这个settings.json文件中我们可以看到原有的代码片段，我们只需要将下面两行代码添加进去即可实现保存时自动格式化的功能； "editor.formatOnType": true, "editor.formatOnSave":
【vscode】保存自动格式化
weixin_46368797的博客
08-12 656
文件–首选项–设置，或者左下角齿轮–设置 搜索框搜索format ，勾选Editor: Format On Save
vscode设置保存时代码格式化
weixin_43824144的博客
04-13 1129
vscode vue3+ts 保存时格式化
vscode保存时自动格式化代码
04-06
要让 VSCode 在保存时自动格式化代码，可以按照以下步骤进行操作： 1. 安装 Prettier 插件：在 VSCode 中打开 Extensions 面板，搜索 Prettier 并安装。 2. 配置 VSCode 设置：在 VSCode 中按下 `Ctrl + ,`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值