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
    评论
专栏目录
vue+ESLint 配置保存 自动格式化代码
11-21
1. 在.eslintrc.js 添加 vscode 终端启动服务 // 添加⾃定义规则 'prettier/prettier': [ // eslint校验不成功后，error或2则报错，warn或1则警告，off或0则⽆提示 'error', { singleQuote: true, semi: false, //结束是否加分号 printWidth: 160//每行最长字符 } ] 2.打开VS code 文件》首选项》设置》扩展》ESLint》 // eslint格式化字符串 "editor.codeActionsOnSave": { "
StyLua:固执己见的Lua代码格式化程序
04-20
StyLua 使用构建的Lua 5.1，Lua 5.2和的公断代码格式化程序。 StyLua的灵感来自，它解析您的Lua代码库，并从头开始打印出来，以增强一致的代码样式。 安装 有多种安装StyLua的方法： 随着Github发布 预先构建的二进制文件可以在上。 请注意，当前默认情况下， StyLua内置启用了Luau功能。 如果您只想格式化Lua 5.1代码，或者想格式化Lua 5.2代码，请参阅 和 可以使用工头安装StyLua。 将以下内容添加到您的foreman.toml文件中： stylua = { source = " JohnnyMorganz/stylua " , version = " 0.7.1 " } 使用VSCode扩展 您可以使用 ，它将自动为您下载StyLua。 出现提示时，将StyLua设置为格式化程序，或将以下配置添加到settings.json文件中：
vscode常用插件
最新发布
yanjun821126的博客
04-12 1233
插件可以发现代码中的错误和错误，从而使编码变得更好。插件提供了路径智能感知的功能，帮助你更轻松地输入和补全文件路径。当你在编辑器中输入文件路径时，它会自动为你提供路径的建议和补全。当你输入一个开始标签时，它会自动插入相应的结束标签，并将光标定位在两个标签之间，方便你继续编写内容。样式表，因为它可以快速查找和编辑应用于特定元素的样式，而无需浏览多个文件或搜索大量代码。插件会自动格式化您的代码，从而简化维护一致代码库的过程。它提供了许多有用的功能，包括语法高亮、代码补全、错误检查、格式化、调试等。
PHP格式化 插件 vs code
精哥哥
01-25 7302
VS CODE 的php格式化扩展  phpfmt - PHP formatter  右键格式化php代码 统一代码风格
VSCode必备插件！快看过来！
qq_50260510的博客
08-27 1万+
同学同学，你是不是也很头疼VSCode不知道安装什么插件啊？尤其是萌新小白，更是一头雾水，那就快来一起看看吧~
vscode配置保存自动格式化
qq_38210427的博客
04-03 1405
设定编辑器默认代码格式化（美化）的插件为Prettier，同理在搜索设置框贴入editor.defaultFormatter，将配置项选择为Prettier。接下来先设定自动保存文件，搜索框贴入files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。设定Prettier插件保存时自动格式化代码，搜索设置项贴入editor.formatOnSave，将搜索到的项目打钩即可。先打开vscode软件，左下角点击设置 》打开设置》唤出快速搜索条界面。
vscode 代码格式，并设置保存时自动格式化代码
dan5600的博客
11-02 7124
vscode 代码格式，并设置保存时自动格式化代码
vscode自动格式化插件配置说明（Prettier - Code formatter）
热门推荐
A Lucky Boy的博客
07-03 3万+
1、在应用商店搜索Prettier并下载2、下载完成之后点击扩展设置 3、点击右上角json配置文件 4、在文件中添加如下代码
VS Code自动保存后Prettier自动格式化代码
chali1314的博客
08-16 1905
VSCode，Premitter
vscode设置保存时自动按eslint+prettier格式化
weixin_38705829的博客
03-24 1530
eslintprettiereslint-plugin-prettiereslint-config-prettier新建.eslintrc.js文件，extends末尾添加eslint插件plugin:prettier/recommended，由 eslint-plugin-prettier插件提供，它可以帮助你自动格式化代码，使代码风格更加一致和美观。 官方提供了一个 ESLint 插件 eslint-plugin-prettier。这个插件的主要作用就是将 作为 的规则来使用，相当于代码不符合
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语言服务插件，它提供了...
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
在使用vscode开发vue项目时，严格检查让人有点烦恼，必然需要一款可以自动格式化的插件进行快速严格检查的格式化。vscode插件会推荐使用 vetur 插件才会进行vue文件的识别与高亮。 安装完 vetur 后确实是可以对 vue...
VSCode 的PHP常用插件及安装
de683905的博客
11-16 3261
一、在程序中打断点调试：PHP Debug 二、高级自动完成和重构支持（代码智能提示）：PHP IntelliSense 　　配置： 　　"php.suggest.basic": false,　　//插件作者建议禁用VS代码内置的PHP智能感知设置php.suggest.basic，以false避免重复的建议 　　"php.validate.executablePath"...
vscode php插件
夸父博客
08-08 1792
2.安装PHP Formatter 插件并进行自定义设置(php路径、php-cs-fixer.phar路径，Rules等)在locale.json中输入括号里面的文字( “locale”:“zh-cn”, )1.下载php-cs-fixer.phar到任意目录,尽量放到php目录下)1.下载php-cs-fixer.phar到任意目录,尽量放到php目录下)2.在VScode里手动调用php-cs-fixer.phar进行格式化。1.使用php-cs-fixer.phar格式化php文件。
vscode提示代码插件_VScode设置格式化php代码插件
weixin_39716510的博客
12-12 782
Windows下搭建PHP运行环境业余时间准备开发个小程序，后台准备使用php代码，开发工具选择了VScode，编码过程中涉及到要代码格式化，将安装代码格式化方法记录下来，方便后续查询。步骤：1、下载php-cs-fixerhttps://cs.sensiolabs.org/download/php-cs-fixer-v2.phar将文件到php目录下：2、安装VScode扩展插件，选择php f...
vscode php中好用的插件（持续更新）
qq_44409163的博客
01-05 3359
PHP IntelliSense 自动提示生成代码 open in brower 可以直接在浏览器预览 code runner 可以直接在vscode内部运行代码 php cs fixer 保存时候自动将代码按照标准格式化 点击VSCode的 文件-首选项-设置（不同版本可能显示不同，注意查找用户设置），在设置里面的扩展找到php，点击setting.json添加以下两行配置以指明php.exe的路径： “php.executablePath”: “E:/phpStudy/phpStudy

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

半生过往

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

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

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

打赏作者

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

抵扣说明：

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

余额充值