vscode 配置 文件保存时自动格式化

最新推荐文章于 2024-04-12 08:57:19 发布
最新推荐文章于 2024-04-12 08:57:19 发布
阅读量886 收藏 2
点赞数
分类专栏： vscode 文章标签： vscode 编辑器 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/estrusKing/article/details/125155411
版权

文章目录


安装vetur（vue） 和 prettier 两个插件

第一步:
先打开vscode软件，左下角点击设置 → 打开设置 → 搜索设置
第二步:
接下来先设定自动保存文件，搜索框输入files.autoSave，把设置项属性选择为onFocuschange。
在这里插入图片描述

第三步:
在搜索设置框输入editor.defaultFormatter，将配置项选择为Vetur。
在这里插入图片描述

在搜索设置框输入defaultFormatter,下面的样式格式化插件可自由选择：
在这里插入图片描述

第四步:
设定Prettier插件保存时自动格式化代码，搜索框输入editor.formatOnSave，将搜索到的项目打钩即可
在这里插入图片描述保存好的示例
在这里插入图片描述

半生过往
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
VS Code自动保存后Prettier自动格式化代码
chali1314的博客
08-16 1906
VSCode，Premitter
vscode 设置保存时使用Prettier自动格式化
qq_42912449的博客
02-03 1398
安装Prettier 设置vscode 配置 Prettier 为默认格式化工具 点击 文件 -> 首选项 -> 设置 输入搜索 Default Formatter， 选择 Prettier 设置保存时自动格式化 点击 文件 -> 首选项 -> 设置 输入搜索 format on save， 选中复选框
vscode常用插件
最新发布
yanjun821126的博客
04-12 1336
插件可以发现代码中的错误和错误，从而使编码变得更好。插件提供了路径智能感知的功能，帮助你更轻松地输入和补全文件路径。当你在编辑器中输入文件路径时，它会自动为你提供路径的建议和补全。当你输入一个开始标签时，它会自动插入相应的结束标签，并将光标定位在两个标签之间，方便你继续编写内容。样式表，因为它可以快速查找和编辑应用于特定元素的样式，而无需浏览多个文件或搜索大量代码。插件会自动格式化您的代码，从而简化维护一致代码库的过程。它提供了许多有用的功能，包括语法高亮、代码补全、错误检查、格式化、调试等。
VSCode之prettier配置保存自动格式化
老__L的博客
04-17 4456
prettier配置保存自动格式化
vscode 代码格式，并设置保存时自动格式化代码
chenhao的专栏
03-21 6039
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配置错误产生的。文件->首选项->设置，点击右上角的箭头所指的按钮（如下图）
prettier - vscode 保存代码自动格式化插件安装与配置项备注
RealizeInnerSelf丶
08-29 8386
目录prettier - vscode 保存代码自动格式化插件配置保存文件时自动格式化配置保存时HTML标签不自动换行(2020.12.03 13:58 再更新)我的改动关于配置项项目代码格式化部分 prettier 配置及注释部分 eslint 配置及注释vetur 插件配置截图(针对 .vue 文件)prettier - vscode 保存代码自动格式化插件 安装自行百度，只需.........
vscode配置setting.json文件实现eslint自动格式代码
10-14
本篇文章将详细介绍如何通过配置 `settings.json` 文件，在 VSCode 中实现 ESLint 自动格式化代码。 首先，我们需要了解 ESLint。ESLint 是一款静态代码分析工具，它能检查 JavaScript 代码并报告潜在的错误和风格...
VSCode 配置自动化保存
08-18
VSCode 配置自动化保存是一种高效的开发方式，通过配置 VSCode，可以实现自动保存文件、自动格式化代码、自动执行 ESLint 校验等功能。本文将详细介绍如何配置 VSCode 实现自动化保存。 一、配置自动保存文件 要...
vscode配置vue下的es6规范自动格式化详解
10-17
下面将详细介绍如何在VSCode中配置Vue项目的自动格式化。 首先，我们需要安装一些必要的插件来支持Vue和ES6的格式化。主要有以下两个关键插件： 1. **Vetur**: Vetur是VSCode官方推荐的Vue语言服务插件，它提供了...
vue+ESLint 配置保存 自动格式化代码
11-21
1. 在.eslintrc.js 添加 vscode 终端启动服务 // 添加⾃定义规则 'prettier/prettier': [ // eslint校验不成功后，error或2则报错，warn或1则警告，off...// eslint格式化字符串 "editor.codeActionsOnSave": {
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
在使用vscode开发vue项目时，严格检查让人有点烦恼，必然需要一款可以自动格式化的插件进行快速严格检查的格式化。vscode插件会推荐使用 vetur 插件才会进行vue文件的识别与高亮。 安装完 vetur 后确实是可以对 vue...
Vscode 中vetur设置，让代码变得更美观
xzg199153的博客
06-16 3392
Vscode 中vetur设置，让代码变得更美观
Vscode如何设置代码保存后自动格式化
热门推荐
HHppGo的博客
06-26 3万+
vscode设置代码保存后自动格式化
最新--vscode保存 自动格式化
qq_38210427的博客
07-19 2573
【代码】最新--vscode保存 自动格式化。
VsCode设置保存自动格式化（一步就够）
常来常往，共同成长
12-12 5766
在VsCode中我们可以通过设置来实现保存文件时自动格式化代码，具体步骤如下
VSCode 设置vue 保存自动格式化代码
weixin_30723433的博客
08-22 4099
设置保存自动格式化代码，开发效率大大提升！ 操作如下： 安装VSCodeeslint插件 如下配置setting.json文件： { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSi...
【问题记录】vscode eslint 自动保存不生效
qq_39959538的博客
08-15 1019
vscode保存文件时eslint自动格式化不生效， 百思不得其解，网上搜索了一大堆教程都没有解决问题.
使用最新 Vue 脚手架搭建的项目，VSCode 保存自动格式化功能失效问题处理
tanqin的博客
04-13 2114
当我们使用最新 Vue 脚手架搭建的项目，ESLint、保存自动格式化也都开启了，但是我们修改项目中。等文件时，并没有自动帮我们格式化，而需要运行。没有自动格式化是由于。命令才会格式化文件。
vscode配置保存自动格式化
02-17
要在VSCode中保存文件时自动进行格式化，您可以按照以下步骤进行配置： 1. 打开VSCode并打开您要编辑的项目文件夹。 2. 点击左侧边栏最底部的“设置”按钮。 3. 在搜索栏中输入“save”，然后选择“首选项：在保存...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

半生过往

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值