前端开发工具

1.Auto Rename Tag

自动重命名 HTML或XML 标签

2.Auto Close Tag

自动添加 HTML/XML 关闭标签

3.Path Intellisense

智能路径提示

4.npm Intellisense

5.Turbo Console Log

快速添加 console.log 信息，js debug 必备

快捷键

ctrl + alt + l选中变量之后，使用这个快捷键生成 console.log

alt + shift + c 注释所有 console.log

alt + shift + u启用所有 console.log

alt + shift + d 删除所有 console.log

6.CSS Peek

查看 css 定义

7.Easy LESS

8.Image Preview

预览图片

9.Prettier - Code formatter

自动格式化代码

10.vscode-icons

VSCode官方出品的图标库

11.wakatime

编程时间及行为跟踪统计

12.Polacode

代码截图

13.MongoDB for VS Code

MongoDB 数据库支持

14.Bracket Pair Colorizer

给匹配的括号上色，可以自定义配置

15.Markdown Preview Enhanced

在 VSCode 里编写 Markdown，支持预览

16.EditorConfig for VS Code

代码风格统一

17.Codelf

给变量起名的神器

18.Regex Previewer

预览正则表达式效果

19.VSC Netease Music

网易云音乐（程序员版）

20.Open-In-Browser

由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。

21.Themes

当然，在众多的实用插件中，岂能少了漂亮的主题呢？你每天都会与你的 VSCode 编辑器进行“亲密的接触”，为何不把它打扮得更漂亮些呢？这里有一些帮助你更改侧边栏的配色方案，以及图标的相关主题，与大家分享：

• One Monokai

• Aglia

• One Dark

• Material Icon

22.IntelliSense for CSS class names in HTML

提示html/css语法

23.VueHelper

vue语法提示

24.Vetur

vue语法高亮，没有它，代码界面会呈现灰度状态

Visual Studio Code插件-前端工程师开发必备相关推荐

vscode php插件_JS之提高开发效率的Visual Studio Code插件
阅读本文约需要9分钟大家好,我是你们的导师,我每天都会在这里给大家分享一些干货内容(当然了,周末也要允许老师休息一下哈).上次老师跟大家分享了JS之小技巧的知识,今天跟大家分享下JS之提高开发效 ...
Visual Studio Code插件
文章目录 Visual Studio Code插件 1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 2. ESL ...
离线安装Visual Studio Code插件
在使用Visual Studio Code 开发时候,有时可能会碰到需要离线安装插件的情况.这时候就需要单独下载插件包,本文就以C/C++插件包为例说明如何离线安装Visual Studio Code ...
程序员请收好：10个非常有用的Visual Studio Code插件
作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) [导读]一个插件列表,可以让你的程序员生活变得轻松许多.无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发 ...
程序员请收好：10个非常有用的 Visual Studio Code 插件!
一个插件列表,可以让你的程序员生活变得轻松许多. 作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) 以下为译文: 无论你是经验丰富的开发人员还是刚刚开始第一份工作的 ...
Visual Studio Code搭建NodeJs的开发环境
一.Visual Studio Code搭建NodeJs的开发环境 1.下载安装NodeJs并配置环境变量可以参考:NodeJs的安装和环境变量配置 2.下载安装 VS Code编辑器可以参考:V ...
visual studio 代码提示插件_程序员请收好：10个非常有用的Visual Studio Code插件
作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) [导读]一个插件列表,可以让你的程序员生活变得轻松许多.无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发 ...
Windows10下利用Visual Studio Code搭建C语言开发环境
Windows10下利用Visual Studio Code搭建C语言开发环境 1. 前言 2. 下载安装VSCode以及MinGW 2.1 下载安装VSCode 2.2 下载安装MinGW-w64 ...
Linux操作系统Ubuntu 22.04配置Visual Studio Code与C++代码开发环境的方法
本文介绍在Linux Ubuntu操作系统下,配置Visual Studio Code软件与C++ 代码开发环境的方法. 在文章虚拟机VMware Workstation Pro中配置Linu ...

Visual Studio Code插件-前端工程师开发必备