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

时间: 2024-10-08 06:41:59

vscode 常用插件安装的相关文章

VSCode常用插件之open in browser使用

更多VSCode插件使用请访问:VSCode常用插件汇总 open in browser安装完这个插件就可以在编辑器菜单右键html,在默认浏览器打开了,高级使用暂未了解,请自行其它文章学习 原文地址:https://www.cnblogs.com/jiaoshou/p/12004071.html

ElasticSearch之常用插件安装命令

#head监控安装,推荐 bin/plugin -install mobz/elasticsearch-head #bigdesk集群状态,推荐 bin/plugin -install lukas-vlcek/bigdesk #marvel监控安装 bin/plugin -i elasticsearch/marvel/latest #es-sql安装,网页内有详细说明 https://github.com/NLPchina/elasticsearch-sql #jdbc-river安装(rive

elk5.x环境搭建与常用插件安装

ELK 5.X 环境搭建与常用插件安装 环境介绍: ip: 192.168.250.131 os: CentOS 7.1.1503 (Core) 内存不要给的太低,至少4G吧,否则elasticsearch启动会报错. 软件及其版本 这里软件包都解压在了/opt下,注意! logstash-5.4.0.tar.gz elasticsearch-5.4.0.tar.gz kibana-5.4.0-linux-x86_64.tar.gz jdk-8u92-linux-x64.tar.gz 安装前准备

Sublime Text 3常用插件安装大法

文章目录 安装Package Control的方法如下: 点击菜单中的 "View"–"Show Console"(也可通过快捷键 Ctrl + ` 打开,不过可能因与系统其他软件快捷键冲突而打不开)调出 Console.然后把下面的代码粘贴进去后回车即可,需稍微等待一段时间.(以下代码可能会因更新而导致失效,请以官网代码为准.) import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7

VSCode常用插件之Simple New File使用

更多VSCode插件使用请访问:VSCode常用插件汇总 Simple New File这是一个从命令面板简单创建新文件.文件夹.通过侧边栏创建新文件可能会很繁琐.该扩展旨在通过命令面板使创建文件或目录尽可能简单.具有自动补全功能,还可以与多个工作区一起使用! 按 command + alt + n 会出现提示框,您可以在其中输入文件的路径.如果该文件已经存在,则将打开该文件,否则将创建一个新文件及其所有父目录. 原文地址:https://www.cnblogs.com/jiaoshou/p/1

VSCode常用插件之vscode-fileheader使用

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-fileheader这是一个给js文件(html.css也可以使用,但是没意义!!!)生成头部注释的插件,每次修改js文件之后会自动修改的时间和作者. 最终效果图如下: 生成这个注释的快捷键是 ctrl+alt+i 用户在settings.json中配置用户名和最后修改用户名即可使用 保存一下,然后去ctrl+alt+i使用就可以使用了. 原文地址:https://www.cnblogs.com/jiaoshou/p/120

VSCode常用插件之Prettier - Code formatter使用

更多VSCode插件使用请访问:VSCode常用插件汇总 Prettier - Code formatter这是一款 格式化js.css代码插件,暂不解释. 原文地址:https://www.cnblogs.com/jiaoshou/p/12004077.html

vsCode常用插件的安装

常用插件 Auto Close Tag //补全代码标签 Beautify //代码格式化 HTML Snippets //html代码HTML CSS Support //css格式Debugger for Chrome //在谷歌中打开 JavaScript (ES6) code snippets //es6 Chinese (Simplified) Language Pack for Visual Studio Code //中文简体 ctrl+alt+p 输入config "locale

VSCode 常用插件

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win.Mac 以及 Linux. VSC中文网:http://www.vscode.org/ vscode  作为一款逐渐火热的编辑器.它的特点免费.开源.多平台,以及集成git,代码调试,插件