场景

Visual Studio Code (简称 VSCode / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、Git 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

打开VSCode,左边菜单栏最下面一个扩展,然后搜索,然后点击install

Chinese (Simplified) Language Pack for Visual Studio Code

汉化中文简体插件

vscode-icons

对各种文件类型的文件前的图标进行优化显示

open in browser

在浏览器运行预览

auto rename tag

改HTML标签时,自动修改匹配的标签

beautify

Beautify 插件可以快速格式化你的代码格式

path autocomplete:

路径智能补全

html snippets

Bracket Pair Colorizer

括号匹配插件

H5代码片段以及提示

node-snippets

node语法提示

Vue 2 Snippets

vue语法提示

jQuery Code Snippets

Jquery语法提示

vetur

vuejs官方团队的一名成员写的有关vuejs语法的插件

VueHelper

Vue2代码段提示

其他提示插件类似,根据自己开发需要安装

VSCode刚安装后可以安装这些插件提高开发效率相关推荐

  1. IDE安装Lombok插件提高开发效率

    Lombok官方api:https://projectlombok.org/features/index.html 使用lombok之后,省去了许多没必要的get,set,toString,equal ...

  2. vscode php插件_JS之 提高开发效率的Visual Studio Code插件

    阅读本文约需要9分钟 大家好,我是你们的导师,我每天都会在这里给大家分享一些干货内容(当然了,周末也要允许老师休息一下哈).上次老师跟大家分享了JS之 小技巧的知识,今天跟大家分享下JS之 提高开发效 ...

  3. vscode自动补全插件c语言,一些提高开发效率的VSCode必备插件(分享),vscode代码补全插件...

    一些提高开发效率的VSCode必备插件(分享)提高开发效率的虚拟代码的一些重要插件(分享),本文推荐一些VSCode插件来提高效率.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有帮助.Vis ...

  4. IntelliJ Idea 常用10款插件(提高开发效率)

    转自:https://blog.csdn.net/weixin_41846320/article/details/82697818 Intellij IDEA 中一些很牛B 的插件:https://b ...

  5. 10个提高开发效率的Vue3常用插件(快来收藏)

    本篇文章给大家总结分享几个好用的 Vue 插件,可以帮助开发者提高开发效率.解决移动端各种滚动场景需求,希望对大家有所帮助! 1.vue-multiselect-next Vue.js 的通用选择/多 ...

  6. 【超实用!!!】如何提高开发效率?免费 IDE 插件 Cloud Toolkit 告诉你

    提高开发效率和提高开发人员的幸福感息息相关,今天,就向大家推荐一款超实用的 IDE 插件 Cloud Toolkit ,让你的开发部署效率 "biu-" 起来! Cloud Too ...

  7. debian 9 安装后的配置,debian 9 开发环境。

    注意:以下命令用sudo或者以root用户进行 一.Xterm(在安装KDE桌面情况下)的配置(可以黏贴,复制): 首先在根目录下编辑文件.Xresources(没有可以创建) root@debian ...

  8. Redhat最小化安装后再安装图形界面

    之前在vmware安装了Red Hat Enterprise Linux64位操作系统,当时选择了最小化安装,安装后只有那个黑屏幕.现在,我们需要把图形界面安装上去.下面介绍具体步骤: (1)在vmw ...

  9. windows安装Chrome浏览器安装默认在C盘,安装后移动安装路径到其他盘下

    1.官网安装Chrome浏览器 Chrome官网地址:https://www.google.cn/intl/zh-CN/chrome/ 2.安装Chrome浏览器 双击下载的 ChromeSetup. ...

最新文章

  1. 【深度学习笔记】‘module‘ object has no attribute ‘xfeatures2d‘
  2. less background url相对路径取不到编译报错问题
  3. Linux下CMake简明教程(六)动态库和静态库的编译控制
  4. Ability的基本概念(1)
  5. 为SAP Analytics Cloud的story创建持久化页面
  6. 关于Windows平台下安装mysql软件
  7. Windows7下用VirtualBox安装Ubuntu网卡配置
  8. 动态网页开发基础【笔记】
  9. 微信内置浏览器中实现点击电话号码自动到拨号页面
  10. hadoop mapreduce开发实践之本地文件分发by streaming
  11. Eclipse中与CVS相连的工程中的文件,不显示版本信息时,如何处理(重启Eclipse)!
  12. 跟我一起认识axure(二)
  13. 凸包算法(convex hull)
  14. SQL Server报表——小白开发笔记
  15. python窗体生成器_python 如何生成窗体
  16. mysql数据类型内存_MySQL数据库基本功-常用数据类型介绍和优化技巧
  17. 用Verilog实现数字钟
  18. IOS开发-ERROR ITMS-90096: Your binary is not optimized for iPhone 5
  19. PVZ系列六 | 僵尸动画转换
  20. 带你了解EOF!!!

热门文章

  1. 命令注入_命令注入绕过方式总结 (20210111学习笔记)
  2. created写法_在vue中created、mounted等方法使用小结
  3. 2层框架结构柱子间距_框架结构的特点有哪些?框架结构是什么?
  4. java查找和替换_java敏感字查找和替换
  5. c语言清除html标签的方法,去除HTML代码中所有标签的两种方法
  6. 网页设计相关计算机语言,title(计算机语言)
  7. 如何把class里的vector结构体memcpy出来_面试官:请说出线程安全的 ArrayList 有哪些,除了Vector...
  8. python分配buffer_Node.js中的buffer如何和python中的buffer相对应
  9. python中如何定义一个数组_Python数组定义方法
  10. 在c语言中下面指针,c语言指针的知识点