浅谈vscode代码格式化的方法


当前第2页 返回上一页

在设置中添加:

1

2

3

4

5

6

7

8

9

10

11

12

13

"eslint.autoFixOnSave": true,

"eslint.validate": [

  "javascript",

  "javascriptreact",

  {

    "language": "html",

    "autoFix": true

  },

  {

    "language": "vue",

    "autoFix": true

  }

],

eslint.autoFixOnSave 用来进行保存时自动格式化,但是默认只支持 javascript .js 文件。

eslint.validate 用来配置作用的文件类型。

然后在保存代码的时候,就会自动格式化为eslint风格(需要保存多次)。

2、HTML格式化代码缩进

需要插件:Vetur


Vetur是一个功能非常强大的插件,为 vs code 编写Vue代码提供了强大的支持,也支持大多数主流的前端开发脚本。具体可以看这里->Vetur文档

安装这个插件后,可以在设置中看到如下的内容:


为了让HTML代码可以格式化缩进,添加如下一条:

1

"vetur.format.defaultFormatter.html": "prettier"

然后用格式化代码的快捷键就可以了。

更多编程相关知识,请访问:编程课程!!

以上就是浅谈vscode代码格式化的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

怎么使用vsCode写html5

vsCode的代码怎么在cmd运行

vsCode运行python程序输出乱码

浅谈vsCode配置并进行qt开发的方法

vsCode注释html代码的快捷键是什么

vsCode如何设置浏览器

vsCode适合什么语言

分享一个实用插件:vsCode drawio,让vsCode也能画流程图!!

vsCode 如何安装 vue 语法支持?

vsCode现在支持中文吗

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...