成都网站建设设计

将想法与焦点和您一起共享

​vscode整理代码的方法-创新互联

这篇文章主要介绍  vscode整理代码的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联公司从2013年成立,先为东港等服务建站,东港等地企业,进行企业商务咨询服务。为东港企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

vscode整理代码的方法:

1、使用vscode自带代码格式化功能整理,vs code格式化代码的快捷键如下:

在Windows环境下使用快捷键:Shift + Alt + F

在Mac环境下使用快捷键:Shift + Option + F

在Ubuntu环境下使用快捷键:Ctrl + Shift + I

2、使用插件格式化代码:


示例:

需要插件:eslint

​  vscode整理代码的方法在设置中添加:

"eslint.autoFixOnSave": true,
"eslint.validate": [
  "javascript",
  "javascriptreact",
  {
    "language": "html",
    "autoFix": true
  },
  {
    "language": "vue",
    "autoFix": true
  }
],

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

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

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

以上是“  vscode整理代码的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


本文题目:​vscode整理代码的方法-创新互联
URL网址:http://chengdu.cdxwcx.cn/article/hgjee.html