vscode插件就像手机里的应用商店一样,可以让我们在高效代码开发、为了美观的代码格式,可以更好的高逼格分享代码等系列功能,本文特意整理了艾编程老师多年来使用vscode的经验,整理的插件集希望对您有帮助!

1、简体中文语言包

  • 插件名称:Chinese中文(简体)语言包

  • 作用:将VSCode操作界面转换为中文,对英语不好的朋友,非常友好

  • 安装完成,重启VScode即可

  • 查看中文操作界面

2、编辑器主题选择、设置

  • 建议浅色系对眼睛友好

  • 管理 -> 颜色主题 -> 选择自己喜欢的主题即可

  • 选择自己喜欢的主题

  • Quiet Light

  • 代码效果

  • 浅色 + (默认浅色)

3、vscode-icons 显示代码图标

  • 插件名称:Material Icon Theme

  • 作用:显示 Vscode 文件、文件夹的图标

  • 在VScode扩展插件中搜索 “Material Icon Theme” 即可安装

4、open in brower 通过编辑器直接打开默认浏览器

  • 插件名称:open in brower

  • 作用:该插件可通过编辑器打开默认浏览器显示代码效果

5、Live Server 开启本地服务器

  • 插件名称:Live Server

  • 作用:通过插件可以开启本地服务

  • 优点:一边编写代码一边保存,即实时刷新预览,大大提升开发测试效率

6、Auto Rename Tag 自动修改标签对名称

  • 插件名称:Auto Rename Tag

  • 作用:修改标签,自动帮你完成头部和尾部闭合标签的同步修改

7、carbon-now-sh  将代码生成一张图片

  • 插件名称:carbon-now-sh

  • 作用:可提升逼格的插件,在实际开发中遇到技术问题或者做部分代码片段分享,可以使用该插件将代码生成一张图片

  • 使用方法:

    • 在VSCode中,选中需要生成图片的代码

    • 打开命令托盘:Windows:Ctrl + Shift + P,Mac:Cmd + Shift + P

    • 输入Carbon,回车

8、prettier 格式化代码

  • 插件名称:prettier

  • 作用:格式化美化代码

  • Ctrl + s 保存会自动格式化

温馨提示

本教程有配套的一个系列的操作视频,如果不会可以到主页找到我们,可以获取vscode的详细安装教程哦!

私藏多年的vscode插件分享,让你成为一个高效开发的程序员相关推荐

  1. vscode 插件显示缩进_能让你开发效率翻倍的 VSCode 插件配置(中)

    这篇文章是<能让你开发效率翻倍的 VSCode 插件配置(上)>的续篇,包括 VSCode 外观增强.功能增强.编码效率等方面的 10 个插件,其中有部分插件也是我发布上篇文章之后在评论里 ...

  2. 正则至少一个数字_好程序员web前端培训分享JavaScript学习笔记之正则

    好程序员web前端培训分享JavaScript学习笔记之正则,正则表达式,又名 "规则表达式" 由我们自己来书写 "规则",专门用来检测 字符串 是否符合 &q ...

  3. 回顾2022,展望2023,一个普通98年程序员的自述和分享

    一.前言 第一次记录自己的年度总结,一直想写,不知从何写起:其实也是自己这两年来了解到的东西,分享给大家,虽然是个井底之蛙,但是也要勇于说出自己的看法,欢迎大佬指导哈.可能自己语言功底太差,这也是小编 ...

  4. 分享一个我自己的程序员学习方法

    五年移动端程序员浅谈学习方法之了解多种学习方法并寻找最适合自己的.在这里我会,简述部分学习方法,来分享自己的学习方法. 朱熹的<观书有感>这样说道:问渠那得清如许?为有源头活水来.我们只有 ...

  5. 2020软件开发工程程序员面试经验分享--菊厂OD现场码代码试题1

    1.设计电梯时,房地产商要求在电梯按钮上不允许出现数字"4",即电梯数字序列为1,2,3,5,6,7,8,9,10--,现在需要提供一个函数getRealLevel,传入电梯按钮上 ...

  6. 分享8年开发经验,浅谈java程序员职业规划

    在中国有很多人都认为IT行为是吃青春饭的,如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的,在下从事.NET及JAVA方面的开发的也有8年的时间了,在这里在下想凭借自己的亲身经历,与大家一 ...

  7. umeng(友盟)实现第三方登录和分享详解之登录详解,程序员的中年危机

    android:name="com.sina.weibo.sdk.share.WbShareTransActivity"> 微信:不需要 支付宝: <activity ...

  8. VSCode 插件大全

    VSCode 插件大全 相关参考 [功能类] Chinese 简体中文 Polacode 代码截图 file-size Git History (!) Live Server open in brow ...

  9. 30 个极大提高开发效率超级实用的 VSCode 插件

    Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要.这里有 30 个最受欢迎的 VSCode 插件,它们将使你成为更高效的搬砖摸鱼大师.这些插件主要适用于前端开发人员 ...

最新文章

  1. 电子邮件成企业主动营销的首选工具
  2. GDCM:DICOM文件转储ADAC文件的测试程序
  3. 5G的7大用途,你知道几个?
  4. express html文件接收路由参数,express 获取post 请求参数
  5. 【python教程入门学习】必须具备Python Django开发技能
  6. SPIRE.DOC - .NET开发者的福利
  7. codeforces228A Is your horseshoe on the other hoof?(水题)
  8. vim 保存出错 E45: readonly option is set (add ! to override)
  9. 《三体1》6.射手和农场主
  10. BouncyCastle使用注意事项
  11. 华为云照片的爬虫程序更新(python3.6)
  12. 一文学会CentOS 文件常用命令
  13. Python编写数字转换成中文大写
  14. Hive DML 语句操作报错
  15. 3.1、立项管理内容
  16. 给斐讯K1刷机并拨号e信(湖北地区测试无问题)
  17. 后台管理系统中的登录页面
  18. 52.一文带你理解ARM程序的编译及执行过程
  19. 6.标准C语言程序的文件名的后缀是,c语言源程序文件名的后缀是什么
  20. 365值得吗 office_你可能是正版受害者?吐槽Office 365坑爹之处

热门文章

  1. stc15f2k60s2.h
  2. iphone 3D Touch
  3. HTML系列之文本格式化标签
  4. v8 8.0以上版本中,V8_COMPRESS_POINTERS引发的崩溃
  5. 打怪小游戏 勇者打恶龙1.1
  6. 腾讯乐固自动加固插件
  7. 微信h5支付,微信外浏览器支付实现
  8. lv6 网络编程(9)-网络编程扩展下
  9. 计算机毕业设计SSM电影院购票系统【附源码数据库】
  10. python画图皮卡丘_用python画一只可爱的皮卡丘