vs code格式化代码的快捷键如下:

在Windows上 Shift+ Alt+F (推荐学习:vscode入门教程)

在Mac上 Shift+ Option+F

在Ubuntu上 Ctrl+ Shift+I

但是自带的格式化并不能满足我的需求,这个时候,不得不说插件大法好。

代码格式化为eslint风格

需要插件:eslint

在设置中添加:"eslint.autoFixOnSave": true,

"eslint.validate": [

"javascript",

"javascriptreact",

{

"language": "html",

"autoFix": true

},

{

"language": "vue",

"autoFix": true

}

],

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

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

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

vscode中怎样格式化js代码_vscode如何格式化代码相关推荐

  1. VSCode中,新建js文件中编译器自带jQuery提示失效的解决方法

    VSCode中,新建js文件中编译器自带jQuery提示失效的解决方法 在VSCode中,新建js文件可能会发生VSCode自带的jQuery提示引起失效,如下图 在HTML文件中进行编辑,<s ...

  2. VSCode中安装Live Server插件实现Html网页代码的实时预览

    VSCode中安装Live Server插件实现Html网页代码的实时预览 利用寒假时间学习了一些基本的网页知识,在编写Html代码时可以利用IDEA.WebStorm.Dream Weaver等工具 ...

  3. vscode中如何修改vetur配置_vscode 配置vue+vetur+eslint+prettier自动格式化功能

    该配置用于vue开发,最终效果是保存时自动根据eslint对js.html和css代码进行格式化. vscode Vetur插件 Vetur插件用于识别vue文件,原本vetur自带格式化功能,但是和 ...

  4. vscode 中搭建Vue.js

    一. 首先安装node环境,并配置: 地址:https://nodejs.org/en/ 安装完成后执行:node --version 在这里我安装的是:12.2.0版本 二.安装Git 直接到以下地 ...

  5. vscode中打开浏览器的快捷键_VSCode设置默认打开的浏览器的方法

    vscode怎么浏览器打开html文件?可以通过安装open in browser插件解决. 1.安装open in browser插件 安装完点击重新加载 2.vscode怎么修改默认浏览器 在安装 ...

  6. vscode中如何修改vetur配置_vsCode vetur自用配置

    :grin: { "editor.tabSize": 2, "editor.formatOnSave": true, "eslint.validate ...

  7. 【Js】【调试】VSCode中调试Js代码

      以前调试一段js代码总是会将js代码嵌入html页面,然后利用浏览器的开发者工具打断点来调试js代码,感觉还是有一点麻烦,想着直接在vscode中调试一个js代码那不就很方便了吗.   vscod ...

  8. html长按自动复制代码,html中如何使用js实现长按功能(代码)

    本篇文章给大家带来的内容是关于html中如何使用js实现长按功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. //下面是js代码 直接复制粘贴即可 下面有调用例子 看不懂就 ...

  9. VSCODE中配置JavaScript编译环境

    文章目录 01. 起因 02. 下载安装VSCODE 03. 方式一:使用Node.js做为解释器运行JS代码 Node.js的安装和配置 在VSCODE中配置Node.js 04. 方式二:使用VS ...

  10. vscode中怎样格式化js代码_如何在Visual Studio代码(VSCode)中格式化代码

    回答(30) 2 years ago 对于那些想要自定义要格式化的JavaScript文件的人,可以使用 JSfiles 属性上的任何扩展名同样适用于HTML . { "beautify.o ...

最新文章

  1. HDU2853(最大权完美匹配)
  2. Keras版Sequence2Sequence对对联实战——自然语言处理技术
  3. DDoS攻防战(三):ip黑白名单防火墙frdev的原理与实现
  4. Day20:绑定方法与非绑定办法、多态和多态性
  5. python 3.5.2页面_Python 3.5.2实现websocket服务端
  6. 大数据分析与应用技术国家工程实验室项目通过验收
  7. skywalking 安装_分布式监控系统SkyWalking
  8. 关于用FOMR提交编码的问题
  9. 移动端动画使用transform提升性能
  10. 经典算法题随机从连续的100个不重复数中取出100个不重复随机数
  11. php7 匿名继承类_PHP7中的匿名类使用方法
  12. 面试被问离职原因该怎么回答?
  13. 查看系统使用率命令 vmstat 输出详解!
  14. word流程图怎么使箭头对齐_怎样在word中绘制流程图方框间距相同,排列整齐,箭头笔直...
  15. 傲腾readyboost_使用SD卡和ReadyBoost提升上网本速度
  16. Oracle 实验:建立和配置Oracle数据库服务器
  17. 盘点十大生鲜商城平台,生鲜电商还值不值得做
  18. 视觉SLAM——特征点法与直接法对比以及主流开源方案对比 ORB LSD SVO DSO
  19. 基于SpringBoot的智能物流监控系统数据系统
  20. Spring MVC使用篇(八)—— 处理器(Handler)方法的返回值

热门文章

  1. Android 大漠插件功能,猩猩助手安卓模拟器怎么用大漠插件
  2. MT4跟单软件的API跟单模式有多少种?
  3. 计算机网络自动分配ip地址,计算机ip地址设置 自动获取IP和静态IP
  4. glide加载gif图不显示动画_Glide 加载gif的一些个人总结
  5. android 模拟 ns手柄,Joy-Con Droid可将Android智能机变身为任天堂Switch的手柄
  6. BarTender对单个二维码/文本添加多个域(数据库字段)/嵌入的数据,并对数据添加后缀等处理;扩展更多域
  7. 关于『区位码』、『国标码』、『机内码』的转换问题
  8. Learun框架的入门问题
  9. mysql的lpad函数
  10. 威联通_AMD YES!威联通高性价比9盘位TS-963N 5GbE NAS体验