以下是我自己在工作中常用的插件，写给刚入门的前端coder。VSCode插件商店中实用的插件还是很多的，大家也可以对感兴趣的插件下载下来尝试一下的！

持续更新

插件名称 概述 作用 常用默认快捷键
Chinese (Simplified) Language Pack for Visual Studio Code 汉化中文包 VSCode汉化包,安装重启后就界面就是简体中文了 无
Live Server 本地动态服务 相当于一个本地服务器.开启本地HTTP服务,代码保存后,网页实时更新,比open in browser的插件好用,后者只能打开html文件,代码变更后需要手动刷新才能加载新增的代码 开启本地动态服务alt+L+O
关闭本地动态服务alt+L+C
Auto Close Tag 标签自动补全 html的书写中自动给你添加闭合标签 无
Auto Rename Tag 自动重命名标签 html的书写中你重命名标签的时候，自动给你修改相应的闭合标签或者开始标签 无
Beautify 代码美化 在格式化代码的时候，自动美化代码（主要就是缩进、空格、换行等），让代码看起来更加美观，可读性更强，支持javascript、JSON、CSS、Sass、HTML 无
VSCode默认格式化代码Shift+Ctrl+F
HTML Snippets HTML代码片段 HTML的代码片段，直接输入标签名再回车就可以自动给你补全尖括号，极客必备 标签名+空格
JavaScript (ES6) code snippets JS代码片段 JS代码片段,包含ES6,支持的语言有JavaScript、TypeScript、JavaScript React、TypeScript React、Html、Vue 常见快捷键详见插件说明
Vetur Vue工具 对于在VSCode中开发Vue必备插件！语法高亮、vue代码片段、错误检测、vue代码美化等强大的功能，具体介绍详见知乎大神的回答 详见大神回答
Vue 3 Snippets Vue3.0代码片段 Vue3.0的代码片段，对使用Vue3.0开发项目的Coder比较友好，它基于2.0和3.0的API增加了一些代码片段 常见快捷键详见插件说明
ESLint 前端代码检查工具 现在最火的前端代码检查工具，帮助你避免一些低级的bug，给你删除多余的代码，还可以帮助在团队统一代码风格，使得代码可以更加优雅的合并。可是，对于刚入门前端的Coder不太推荐使用。因为如果是刚入门的Coder，代码写的七零八乱，你就会发现它给你的代码标注的整片鲜红，满是错误。推荐再掌握了一定的代码规范基础后，再使用这个插件。 无

前端Vscode常用插件概述的更多相关文章

  1. 前端vscode常用插件

    Auto Rename Tag 这是一个html标签的插件,可以让你修改一边标签,另外一边自动改变. Beautify 格式化代码插件 Braket Pair Colorizer 给js文件中的每一个 ...

  2. Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN

    Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN.NET http://blog.csdn.net/borishuai/article/details ...

  3. CDN公共库、前端开发常用插件一览表(VendorPluginLib)

    =======================================================================================前端CDN公共库===== ...

  4. Notepad++前端开发常用插件介绍

    Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Co ...

  5. sublime text 3 前端开发常用插件

    sublime text 3 前端开发常用插件 https://packagecontrol.io/browse 代码对齐: Alignment html代码补全:  Emmet CoffeeScri ...

  6. VSCode常用插件之vscode-stylelint使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-stylelint这是一个检验CSS/SASS/LESS代码规范的插件. StyleLint 使用指南 vscode-style ...

  7. VSCode常用插件之ESLint使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中. 首先简单说一下使用流程: 1. ...

  8. VSCode常用插件汇总

    vscode常用插件汇总: 点击插件名字,查看使用文档 vscode-fileheader : 添加注释到文件头,并支持自动更新文件修改时间. EditorConfig for vs code :   ...

  9. VSCode常用插件之Simple New File使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 Simple New File这是一个从命令面板简单创建新文件.文件夹.通过侧边栏创建新文件可能会很繁琐.该扩展旨在通过命令面板使创建文件或目 ...

随机推荐

  1. Mybatis log plugin 破解！！！

    前言 今天重新装了IDEA2020,顺带重装了一些插件,毕竟这些插件都是习惯一直在用,其中一款就是Mybatis Log plugin,按照往常的思路,在IDEA插件市场搜索安装,艹,眼睛一瞟,竟然收 ...

  2. Python运算符的优先级是怎样的？

    优先级数字越高表示优先级越高,有关运算符的详细介绍请参考<Python运算符大全>

  3. PyQt（Python+Qt）学习随笔：QTreeWidgetItem项是否首列跨所有列展示属性isFirstColumnSpanned

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 QTreeWidget树型部件的QTreeWidgetItem项方法isFirstColumnSpa ...

  4. Hbase 2.2.2 安装、配置(兼容 Hadoop 3.1.3)

    准备 Hbase 2.2.2 安装包 下载链接 链接:https://pan.baidu.com/s/1TqEry-T7sYpq4PdhgLWdcQ 提取码:de5z 安装 上传到虚拟机上,之后解压即 ...

  5. php 序列化键、值逃逸

    转自https://www.cnblogs.com/wangtanzhi/p/12261610.html PHP反序列化的对象逃逸(很重要一点,引号的匹配是从左到右按字符串长度进行匹配) 任何具有一定 ...

  6. 简单且实用的关闭当前应用的auto.js 代码

    function closeCurrentPackage() { // 可以稍加修改,关闭指定app let packageName = currentPackage(); app.openAppSe ...

  7. js- for in 循环 只有一个目的，遍历 对象，通过对象属性的个数 控制循环圈数

    for in 循环会返回 原型 以及原型链上面的属性,不会打印系统自带的属性 var obj ={  name:'suan',  sex :'male',  age:150,  height:185, ...

  8. [亲测可用]BCompare文件比较对比工具4.3.4绿色版

    程序员必备良品 Beyond Compare 灰常好用,一直使用的文本 文件比较工具,用来对比两个文件文本的差异,可以用于各种代码,文本对比 使用方法: 解开压缩后:添加右键的 !添加右键.bat,运 ...

  9. 冲刺Day7

    每天举行站立式会议照片: 昨天已完成的工作: 1.确认商品分类栏,并前后端交互 2.检查.更正订单模块的代码 3.检查.更正用户模块的代码 今天计划完成的工作: 成员 任务 高嘉淳 检查代码.提供测试 ...

  10. AcWing 195. 骑士精神

    双向BFS (广搜) \(O(8 ^ 7)\) 看到没有双向BFS的题解我就过来了 这道题也可以用双向\(BFS\)来做,时间复杂度与\(IDA*\)不相上下. 双向\(BFS\)的实现有多种: 把初 ...