VScode格式化vue文件

最新推荐文章于 2024-07-17 13:06:33 发布
最新推荐文章于 2024-07-17 13:06:33 发布
阅读量180 收藏
点赞数
文章标签： javascript 开发工具 ViewUI
原文链接：http://www.cnblogs.com/mlw1814011067/p/9614795.html
版权

使用vscode编写vue文件的时候，

发现不能格式化，手动格式化代码，太费劲，

还有可能会出错，

不格式化，有的时候代码编写的时候，

没有很好的管理格式，不美观。

 

但是我们是可以修改让VScode可以格式化vue文件的

我们如图进入到设置选项里面去

 

 

搜索 ：  vetur.format.defaultFormatter.html

 

 这样我们就找到了这个选项

 点击旁边的 小铅笔 按钮

选择第二项

 

 

然后我们就能在侧边栏看到更改好了选项

 

之后我们便可以对Vue文件进行格式化了

快去试试吧

 

转载于:https://www.cnblogs.com/mlw1814011067/p/9614795.html

weixin_34137799
关注
Vscode中Vue文件保存格式化、 ElementUI、Font Awesome俩大插件使用
qq_46304554的博客
03-07 1190
Vscode中Vue文件老一片红色出现格式错误？？如何运行别人的项目（没有node_modules文件）？？选用组件与图标？？前提有：Prettier ESLint插件、ESLint插件== 1.打开settings进行设置 2.找到文本进行编辑，打开其中的settings.json文本 往里面的内容添加node_modules文件保存的是项目下载的一些插件或依赖，往往很大。但是package.json里面有记录，所以我们只需要在项目的根目录终端下进行 命令，就可以生成node_modules文件。 然
vscode下的vue文件格式化问题
10-17
主要介绍了vscode下的vue文件格式化问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
VSCode Vue文件格式化
weixin_33827965的博客
11-08 464
参考文档：https://vuejs.github.io/vetur/formatting.html 自从将VSCode更新之后，vue文件的html格式化就失效了，而且vue文件中的js ,css格式化样式都变了，原因在于都采用了prettier 来格式化，而配置文件中vetur.format.defaultFormatter.html 这个配置项的值为"none" 将vetur这个...
Vue 3 项目，使用 VSCode 自动格式化 .vue 文件
最新发布
2302_76314178的博客
07-17 1741
第一步，安装拓展 Prettier - Code formatter 和 Vue - Official。Volar 已经弃用了，现在改用 Vue - Official。第二步，打开设置，打开 settings.json 文件。第三步，修改 settings.json 文件。重启 VSCode ，即可。
VSCode vue文件格式化
weixin_34392906的博客
12-18 451
"editor.fontSize": 18, // 代码缩进的空格数量 "editor.tabSize": 2, "editor.fontFamily": "Source Code Pro, Consolas, 'Courier New', monospace", // 主题，需要安装插件 Atom One Dark "workbench.colorTheme": "Atom One Dark",...
详解vscode中如何格式化vue文件
weixin_44134816的博客
05-13 1656
详解vscode中如何格式化vue文件-VSCode-PHP中文网
vscode设置vue3代码格式化
qq_23858785的博客
11-14 7649
vscode设置vue3代码格式化
vscode格式化vue文件
05-19
要在 VS Code 中格式化 Vue 文件，需要安装插件。以下是步骤： 1. 打开 VS Code，点击左侧菜单栏中的插件图标。 2. 在搜索框中输入“vetur”并安装该插件。 3. 在 VS Code 中打开一个 Vue 文件，然后按下快捷键 " ...
VScode格式化vue文件HTML代码保持标签属性不换行
05-25
你可以在VS Code中使用Prettier插件来格式化Vue文件的HTML代码并保持标签属性不换行。 首先，安装Prettier插件。在VS Code中打开扩展面板（Ctrl+Shift+X），搜索Prettier并安装。 然后，打开设置（Ctrl+,）并搜索...
vscode-vue项目格式化
startyangu的博客
08-21 2168
PrettierVeturESLint
ESLint 工具
编程菜鸟
03-18 2806
ESLint 可组装的 javaScript 和 JSX 检查工具。规范代码风格 官网：ESLint - 插件化的 JavaScript 代码检测工具 - ESLint中文文档 VSCode 自动格式化代码 ESLint安装 ① 项目创建时 配置 ESLint ② 配置 .eslintrc.js 配置文件 "off"或者0 //关闭规则关闭 "warn"或者1 //在打开的规则作为警告（不影响退出代码） "error"或者2 //把规则作...
vscode中使用beautify插件格式化vue文件(自定义快捷键)
热门推荐
jiandan1127的博客
01-06 8万+
1. 先安装插件beautify 2.  打开设置 => 搜索 beautify.language  3.  配置 json 就行了   "beautify.language": { "js": { "type": [ "javascript", "json" ..
vscode中如何对vue文件代码进行格式化
自强不息，厚德载物，未来可期
03-06 1414
vscode中如何对vue文件代码进行格式化 1.通过vscode的Extensions插件市场，搜索Vetur插件。Vetur是一个专门为Vue开发提供支持的插件，它提供了代码高亮、智能提示、语法检查等功能 2.找到vscode的设置Settings，然后在搜索栏中输入：“Editor:Default Formatter”，选择"Vetur"作为默认的代码格式化工具 3.使用快捷键格式化...
VSCODE的VUE代码格式化插件及配置
林见鹿鸣
12-16 2万+
转载自：https://www.cnblogs.com/RandyField/p/12873538.html 1.引言 开发vue项目，大家有没有遇到如下情况： 1.1 注释不对 在vue文件，template 中注释 Ctrl+/ 代码 //<slot name="left" :itemLeft="itemLeft">{{ itemLeft }}</slot> 这是html代码，注释应该是这样： <!-- <slot name="left" .
Vue：VSCode中Vue代码的格式化问题解决（Code formatter）
灿灿大王搭建的黄金屋
05-29 4万+
VSCode自从更新之后，vue文件的html代码格式化就失效了，而且vue文件中的js ,css格式化样式都变了，原因在于都采用了prettier 来格式化，而配置文件中vetur.format.defaultFormatter.html 这个配置项的值为"none"，我们需要对它重新进行设置。 步骤一： 首先确保你安装了vetur扩展插件。如下图，扩展里直接搜索vetur，安装下图的V...
解决vscode格式化vue文件出现的问题
weixin_30578677的博客
04-18 1013
遇到的问题 使用vscode开发vue项目的时候，格式化vue文件，与自己配置的eslint标准会有冲突。 引号问题：单引号变双引号 分号问题：行末是否加分号。自动加/减分号 当然还会有其他个性化冲突，只需要找到怎么修改，就好办了。 说明 vscode格式化文件，使用的是快捷键shift + alt + f 而我安装了vetur插件来格式化vue文件。 vetur插件默认使用的是prettie...
VS Code Vue代码格式化
邱新磊的博客
09-20 1168
{     // 工作区颜色主题(Vue Theme)     "workbench.colorTheme": "Vue Theme",     // 工作区图标主题(vscode-icons)     "workbench.iconTheme": "vscode-icons",     // vetur使用格式化插件:js-beautify-html     "vetur.format...
Vue第 43 篇，Vscode第4篇，Vue代码使用格式化文档无效，Vscode使用格式化文档无效
weixin_65793170的博客
04-11 1万+
⭐最近在写代码的时候，Vscode使用格式化文档不管用，原因竟是单页面使用大量element组件和html代码导致，Vscode识别不了。具体解决思路，请看
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值