vscode编辑vue文件，保存时自动格式化

最新推荐文章于 2024-07-17 13:06:33 发布
最新推荐文章于 2024-07-17 13:06:33 发布
阅读量697 收藏
点赞数
分类专栏： vue vscode 文章标签： VSCode Vetur 自动格式化 设置 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012149637/article/details/124473268
版权

经过一番查找，发现是Vetur的自动format，关掉就好了，好像以前也没有自动格式化，就今天才发生的，不管怎么样反正解决了，如果不管用大家可以打开vscode的设置，搜索format或者onsave看看有没有哪里去format了，再看看自己安装的插件

小刘小刘可爱一流zz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode 设置vue 保存自动格式化代码
weixin_30723433的博客
08-22 4443
设置保存自动格式化代码，开发效率大大提升！ 操作如下： 安装VSCodeeslint插件 如下配置setting.json文件： { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSi...
Vscode中Vue文件保存格式化、 ElementUI、Font Awesome俩大插件使用
qq_46304554的博客
03-07 1152
Vscode中Vue文件老一片红色出现格式错误？？如何运行别人的项目（没有node_modules文件）？？选用组件与图标？？前提有：Prettier ESLint插件、ESLint插件== 1.打开settings进行设置 2.找到文本进行编辑，打开其中的settings.json文本 往里面的内容添加node_modules文件保存的是项目下载的一些插件或依赖，往往很大。但是package.json里面有记录，所以我们只需要在项目的根目录终端下进行 命令，就可以生成node_modules文件。 然
vscode编辑器设置，禁止prettier/禁止Vetur自动格式化HTML代码
胖达的博客
09-09 6002
添加以下代码： "vetur.format.defaultFormatter.js": "prettier", //.vue文件template格式化支持，并使用js-beautify-html插件 "vetur.format.defaultFormatter.html": "js-beautify-html", //js-beautify-html格式化配置，每行80字符属性换行 "vetur.format.defaultFormatterOptions": ...
Vue 3 项目，使用 VSCode 自动格式化 .vue 文件
最新发布
2302_76314178的博客
07-17 589
第一步，安装拓展 Prettier - Code formatter 和 Vue - Official。Volar 已经弃用了，现在改用 Vue - Official。第二步，打开设置，打开 settings.json 文件。第三步，修改 settings.json 文件。重启 VSCode ，即可。
vue+ESLint 配置保存 自动格式化代码
10-15
主要介绍了vue+ESLint 配置保存 自动格式化代码的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vsCode 设置vue 保存自动格式化代码
weixin_34194359的博客
10-22 1263
setting { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式...
vscode设置保存自动格式化vue代码
普通人一枚
11-28 1404
ctrl+s。
浅析vscode中vue文件保存时怎么自动格式化
qq_43067585的博客
09-05 1967
vscode中vue文件保存时怎么自动格式化？下面本篇文章给大家介绍一下vscode保存按照eslint规则自动格式化的方法，希望对大家有所帮助！
如何解决vscode中vetur插件无法保存自动格式化代码的问题
weixin_50339679的博客
10-30 4526
如何在vscode 插件 vetur 中设置保存vue文件自动格式化？ 在学习vue的过程中需要使用vetur插件，但是有个问题，有些版本下载之后没有保存自动格式化的功能，在这里我分享一下我在遇到这个问题的时候的解决方案。 1.打开vetur插件的设置 2.找到该插件中的settings.json 3.在settings.json中添加如下代码： 代码： "editor.detectIndentation": false,//缩进 "editor.tabSize": 4
vscode配置vue下的es6规范自动格式化详解
10-17
Visual Studio Code (VSCode) 是一款强大的源代码编辑器，它提供了丰富的插件系统，可以帮助我们实现Vue项目的ES6规范自动格式化。下面将详细介绍如何在VSCode中配置Vue项目的自动格式化。 首先，我们需要安装一些...
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
为了实现保存时自动格式化，还需要创建一个名为 .prettierrc 的文件，以自定义 Prettier 的格式化规则。例如，你可以设置 `"singleQuote": true` 来使用单引号，`"semi": false` 来禁用末尾分号，`"bracketSpacing":...
VScode设置vue文件中保存自动格式化代码以及settings.json文件的配置。
weixin_30603633的博客
09-03 689
最近在做vue 项目中，由于安装有代码检测工具ESlint，每次写完代码后就发现很多语法警告，查找配置好多也有许些小问题，现记录一份settings.json配置文件。 1、设置如下： 2、settings.json文件配置如下： { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation"...
vue3项目实现保存自动格式化
baidu_41601048的博客
04-17 6785
这一次，我们以vue3项目为例。实现在项目中保存文件，自动格式化。包括js语法，css样式格式化和html的标签格式化； 我们用vite新建一个项目： 1，我们在项目总安装如下依赖： （1）安装ESLint： npm i -D eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin （2）安装Prettier npm i -D prettier eslint-config-pre
使用vue-cli 3+构建的vue项目实现保存时按eslint规则自动格式化代码格式
qq_39217871的博客
04-18 4537
使用vue-cli 3+构建的vue项目实现保存时按eslint规则自动格式化代码格式 标签（空格分隔）： vue eslint vue-cli3+ 最近学习了一下vue-cli 3+的使用，也使用vue-cli 3+创建了一个demo项目。在感受其vue GUI的魅力的同时也深深的被vue-cli 3+创建的项目的简洁所折服。 本文主要叙述如何在vue-cli 3+的项目中配置eslint-l...
vue3+ts项目保存自动格式化以及通过配置 prettier实现多人协作下统一代码格式
wangshuo0520ai的博客
08-09 2939
vue3+ts项目保存自动格式化以及通过配置 prettier实现多人协作下统一代码格式
vue 项目自动格式化文档
rhcjqmm666的博客
11-23 4215
vue 项目自动格式化文档
vue 代码保存格式化配置
weixin_51527122的博客
03-04 605
{ “editor.tokenColorCustomizations”: { “comments”: “#82e0aa”, // 注释 }, // tab 大小为2个空格 “editor.tabSize”: 2, // 100 列后换行 “editor.wordWrapColumn”: 100, // 保存时格式化 “editor.formatOnSave”: true, // 开启 vscode 文件路径导航 “breadcrumbs.enabled”: true, // prettier 设置语句末尾不
VSCode 配置自动格式化与Vue支持
3. `"editor.formatOnSave": true` - 每次保存文件时，VSCode会自动格式化代码，使代码风格统一，易于阅读。 4. `"eslint.validate"` - 这里添加了对JavaScript、JavaScriptReact和Vue的ESLint验证支持，确保在编写...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值