vscode插件安装介绍

Visual Studio Code是由微软开发的轻量级但功能强大的源代码编辑器。轻量体现在插件打开的速度比较快；功能强大体现在可以安装想要的插件，从而丰富vscode功能并提升开发效率。下面我就介绍我开发前端vue项目所用到的插件：

1、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

此插件可以将英文版的vscode汉化，整个vscode的文字显示都是中文

2、vscode-icons vscode

未安装此插件前，vscode的文件目录、文件的图标显示不好，安装此插件之后，vscode文件目录、文件图标显示齐全，每种类型的文件都标记的非常清楚

3、Auto Rename Tag

此插件能自动同步标签的修改，比如：修改<div>为<test>，不需要手动将后面的</div>也变成</test>，插件自动监测你的标签的变化，并完成修改

4、Code Translate

当鼠标放在代码中不认识的单词的时候，此插件未显示出单词的意思，不用手动切换翻译工具进行翻译

5、CSS Formatter

此插件可以将css代码格式化

6、Vue Language Features (Volar) vue3

此插件是尤大大高度推荐的插件，它可以高亮vue3代码

7、Vetur

此插件高亮vue2代码

8、Dot Log

快速输出console.log，输入msg.clg，便会生成console.log("msg",msg)

9、Easy-less less

此插件可以支持less（css预处理语言）

10、Highlight Maching Tag

此插件可以高亮标签

11、HTML CSS Support css

输入选择器的时候，此插件能提示你选择器的名称

12、Image preview

此插件能在代码左边显示你引用的图片的形状

13、Import Cost

此插件显示你导入的依赖的体积大小

14、Indenticator

此插件能显示你代码缩进层次

15、Live Server

此插件实时变更你修改的文件内容，不需要在浏览器中手动刷新

16、Parameter Hints

此插件能提示你输入的参数个数、类型

17、px to rem

此插件能自动帮你将px单位转成rem单位，但是你得自己去配置文件配置html字体大小

18、Tabnine AI Autocomplete for Javascript

此插件能预测你输入的内容，若内容符合你的要求，按下tab便会输入预测的内容，不符合你的要求，就继续输入你想输入的就好了

19、Vue VSCode Snippets

新建xxx.vue文件时，文件空空如也。输入vbase时便可帮我们在空的文件里生成vue的文件内容，如<template> <script> <style>

vscode插件安装介绍相关推荐

vscode插件安装失败的解决方案
vscode插件安装失败的解决方案参考文章: (1)vscode插件安装失败的解决方案 (2)https://www.cnblogs.com/jisongxie/p/10053591.html 备忘 ...
走进前端 VScode插件安装 Gitee提交
一,认识前端什么是前端前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.前端技术一般分为前端设计和前端开发,前端设计理解为网站网页的视觉设计,前端开发则是网站前台代码的实现, ...
解决vscode插件安装不成功，xxx.vue高亮插件问题
解决vscode插件安装不成功,xxx.vue高亮插件问题提示:vue插件 vue中 xxx.vue 的插件,没安装之前是黑白显示,安装之后彩色.语法高亮插件是 "Vue 3 Snippe ...
VsCode插件安装及推荐
1.快捷键Ctrl + P,打开插件,输入 ext install (我习惯的输入方式): 2.或者点击图片中的圈红的按钮,也可以进入插件安装商城: 3.下面开始说下我目前安装的插件(我目前是vue开 ...
VSCode 插件安装：中文（简体）语言包（附带：不生效解决方案）
文章目录 VSCode 安装插件:中文(简体)语言包中文语言包不生效解决方案打开 `命令面板` 配置显示语言选择中文重启VSCode 效果 - 中文界面 VSCode 安装插件:中文(简体)语 ...
Vscode - 修改插件安装目录
目录 1.简介 2.准备工作 2.1 vscode 插件的默认安装目录 2.2 创建插件安装目录 3.实践一下 3.1 创建具有管理员身份的命令行工具 3.2 使用 `mklink` 创建安装目录 ...
ESP32 ESP-IDF开发环境搭建，Windows下基于ESP-IDF | Cmake | VScode插件的 ESP32 开发环境搭建
之前的一篇博客 Windows上基于ESP-IDF搭建ESP32开发环境发布后,深受好评.几个月过去了,乐鑫的esp-idf-tools安装工具发生了较大的变化,VsCode插件的功能也愈加完善 ...
ESP32开发 0.windows Vscode开发环境搭建，基于esp-idf-V4.2 | Cmake | Vscode插件
一前言入坑嵌入式以来,一直都在寻找一款通用MCU控制器:他应有优秀的计算处理能力.丰富的外设扩展能力.支持有线/无线联网.小巧的封装.自从ESP8266爆火以来,熟悉过它的使用,但窘于硬件限制,只 ...
VSCode详细安装教程（Windows 7）附安装包
01下载VScode软件第一步:官网下载页面 https://code.visualstudio.com/Download 第二部:下载软件 DownLoad 或者点击右上角的 Download 0 ...

vscode插件安装介绍

vscode插件安装介绍相关推荐

最新文章

热门文章