设置中文语言使用快捷键【Ctrl+Shift+P】,弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】,locale的属性值为“zh-CN”,安装插件名为【Chinese (Simplified)Language Pack for Visual Studio Code】,重启VSCode软件生效。

  1.Auto Close Tag

  自动闭合HTML/XML标签

  2.Auto Rename Tag

  自动完成另一侧标签的同步修改

  

  3.Beautify

  格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则,例如:

1
2
3
4
5
6
7
{
  "indent_size": 4,
  "indent_char"" ",
  "css": {
    "indent_size": 2
  }
}

  mac版vscode中beautify的默认格式化代码按键为cmd+b,也可以自定义快捷键

  4.Bracket Pair Colorizer

  给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

  5.Debugger for Chrome

  映射vscode上的断点到chrome上,方便调试

  6.ESLint

  js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章。

  7.GitLens

  方便查看git日志,git重度使用者必备

  8.HTML CSS Support

  智能提示CSS类名以及id

  9.HTML Snippets

  智能提示HTML标签,以及标签含义

  10.JavaScript(ES6) code snippets

  ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

  11.jQuery Code Snippets

  jQuery代码智能提示

  12.Markdown Preview Enhanced

  实时预览markdown,markdown使用者必备

  13.markdownlint

  markdown语法纠错

  14.Material Icon Theme

  个人认为最好的vscode图标主题,支持更换不同色系的图标,值得点出的是,该插件更新极其频繁,基本和vscode更新频率保持一致

  15.open in browser

  vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari

  16.Path Intellisense

  自动提示文件路径,支持各种快速引入文件

  17.React/Redux/react-router Snippets

  React/Redux/react-router语法智能提示

  18.Vetur

  Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

转载于:https://www.cnblogs.com/ycg-myblog/p/10128907.html

vscode 常用插件安装相关推荐

  1. 前端VSCode常用插件安装和使用

    本篇文章先介绍下常见的插件~~~~ VSCode常用的插件 vscode之所以被称为宇宙第一神器,其中丰富的插件功不可没,安装起来超级简单,给我们开发带来了极大的便捷. 注意,新手学习期间,不建议安装 ...

  2. VsCode常用插件和快捷键

    VsCode常用插件和快捷键 vscode快捷键 alt+w:快速打印变量(需要插件Wrap Console Log) alt+q:加书签 alt+d:加`<div>`标签(htmltag ...

  3. VScode常用插件下载

    VScode常用插件下载 记录自己第一次使用VScode,边学习边记录,以后继续努力! Visual Studio Code的插件系统很好用,虽然vscode自带的功能比较少,但很多插件可以帮我们实现 ...

  4. 【VSCode常用插件】Path Autocomplete(@路径提示的插件)

    前言 ❤️ 在路上,见识世界:在途中,认清自己 ❤️ [VSCode常用插件]Path Autocomplete(@路径提示的插件) 一.安装教程 二.设置教程 (1)在vscode设置打开 sett ...

  5. vscode常用插件大全

    vscode常用插件大全 参考文章 https://mp.weixin.qq.com/s/1PkWPApvn5uWJl_cdzcoTA 说明 该片文章基本介绍了 vscode 常用插件 , 已经很全面 ...

  6. Sublime Text 3便携版下载安装和常用插件安装--顺便解决报错An error occured installing和no packages available for install

    文章目录 Sublime Text 3便携版下载安装和常用插件安装 1.Sublime Text 3便携版下载: 2.sublime 插件控制器(Package Control)安装 2.1离线安装P ...

  7. 【Vscode】 Vscode常用插件

    Vscode常用插件

  8. VSCode常用插件-快捷键

    VSCode常用插件-快捷键 1. 快速复制一行 快捷键: shift+alt+ 下箭头(上箭头)         或者 ctrl+c  然后 ctrl+v 2. 选定多个相同的单词 快捷键:  ct ...

  9. VSCode,插件安装失败,解决方法

    vscode, 插件安装失败,解决方法 Installing 8 tools at D:\pragrams\go\bingocodegopkgsgo-outlinego-symbolsdlvgodef ...

最新文章

  1. 单片机一个月能入门么?单片机工程师能干到多少岁?
  2. Jenkins进阶系列之——04Publish Over FTP Plugin插件
  3. 【teradata】强制解锁
  4. Java的反射机制 工厂模式综合讲解【转载自51CTO】
  5. 一个web左侧菜单例子
  6. IDEA的maven项目报错BeanCreationException: Error creating bean with name “xxxController”
  7. Android UI 色板
  8. WMI in C#[强类型操作]
  9. Chrome 爬虫插件 Web Scraper
  10. Invitation Cards POJ 1511
  11. 80%的前端程序员都遇到的问题,你中招了吗?
  12. C++ -- vector详解
  13. python能做底层开发吗_python底层是什么语言
  14. 海外服务器IP为什么被封以及解决方案
  15. ant中修改a-switch的大小、修改a-checkbox的大小
  16. L2 Switching
  17. 趣写算法之匈牙利算法
  18. Halcon的C++教程
  19. 摄像头poe供电原理_POE供电的原理以及非标POE和标准POE的区分!
  20. MySQL命令行导出数据库(sql脚本)

热门文章

  1. HDFS2.X架构及工作原理
  2. Sublime Text 3 安装Package Control及配置Python环境
  3. linux useradd(adduser)命令参数及用法详解(linux创建新用户命令)
  4. Understanding Unix/Linux Programming-终端控制和信号
  5. 绑定Service的三种实现方式之使用Messenger
  6. Delphi 2010 新增功能之: IOUtils 单元(4): TDirectory.GetDirectories
  7. gitlab与jenkins的自动化部署(通过webhook与ansible)
  8. 我的第一个python web开发框架(3)——怎么开始?
  9. java.net.SocketException: 断开的管道 (Write failed) 错误,数据库隔一段时间就断开的问题...
  10. Eclipse上的项目分享到GitHub