​vscode整理代码的方法

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

创新互联致力于互联网品牌建设与网络营销,包括做网站、网站制作、SEO优化、网络推广、整站优化营销策划推广、电子商务、移动互联网营销等。创新互联为不同类型的客户提供良好的互联网应用定制及解决方案,创新互联核心团队10年专注互联网开发,积累了丰富的网站经验,为广大企业客户提供一站式企业网站建设服务,在网站建设行业内树立了良好口碑。

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整理代码的方法
网站路径:http://ybzwz.com/article/jippjh.html