vscode如何整理代码

发布时间 - 2020-01-09 00:00:00    点击率:

vscode整理代码的方法:

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

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

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

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

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

示例:

需要插件:eslint

在设置中添加:

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

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

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

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

相关文章教程推荐:vscode教程


# vscode  # 就会  # 相关文章  # 自带  # class  # brush  # eslint  # pre  # js  # autoFixOnSave  # true 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  js实现获取鼠标当前的位置  Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制  网页设计与网站制作内容,怎样注册网站?  Laravel如何实现文件上传和存储?(本地与S3配置)  如何在阿里云通过域名搭建网站?  如何生成腾讯云建站专用兑换码?  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  零服务器AI建站解决方案:快速部署与云端平台低成本实践  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  如何做网站制作流程,*游戏网站怎么搭建?  javascript基于原型链的继承及call和apply函数用法分析  浅析上传头像示例及其注意事项  香港网站服务器数量如何影响SEO优化效果?  如何用JavaScript实现文本编辑器_光标和选区怎么处理  Thinkphp 中 distinct 的用法解析  详解Android中Activity的四大启动模式实验简述  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)  Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  如何自定义safari浏览器工具栏?个性化设置safari浏览器界面教程【技巧】  Laravel怎么连接多个数据库_Laravel多数据库连接配置  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  浅谈redis在项目中的应用  百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭  如何快速使用云服务器搭建个人网站?  香港服务器网站卡顿?如何解决网络延迟与负载问题?  如何彻底卸载建站之星软件?  Python结构化数据采集_字段抽取解析【教程】  Laravel如何与Inertia.js和Vue/React构建现代单页应用  魔方云NAT建站如何实现端口转发?  Laravel如何使用Blade模板引擎?(完整语法和示例)  C#如何调用原生C++ COM对象详解  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  Python图片处理进阶教程_Pillow滤镜与图像增强  如何在IIS7中新建站点?详细步骤解析  香港服务器网站生成指南:免费资源整合与高速稳定配置方案  太平洋网站制作公司,网络用语太平洋是什么意思?  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  如何用VPS主机快速搭建个人网站?  Laravel怎么使用artisan命令缓存配置和视图  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  简单实现jsp分页  香港服务器选型指南:免备案配置与高效建站方案解析  JavaScript中的标签模板是什么_它如何扩展字符串功能  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】