VSCode 前端常用插件集合

VSCode 前端常用插件集合VisualStudioCode是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。但工欲善其事必先利其器,以下是本人为前端开发收集的常用的vscode插件,有需要的话赶紧mark起来吧~

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。

但工欲善其事必先利其器,以下是本人为前端开发收集的常用的vscode插件,有需要的话赶紧mark起来吧~

一、下载

vscode官网:https://code.visualstudio.com/

解决vscode下载很慢的问题

  1. 在官网根据自己电脑 点击下载
    在这里插入图片描述

2.下载时可以去浏览器的下载内容里面,看到正在下载的vscode,然后点击上面的链接,会发生跳转
在这里插入图片描述
2. 然后在浏览器上的地址上会发现这个链接,这个时候直接复制 vscode.cdn.azure.cn 替换地址上面的

在这里插入图片描述
会发现速度起飞,这里用vscode.cdn.azure.cn 是采用的国内镜像,直接起飞

二、安装插件的方法

  1. 使用 ctrl + shift + x
  2. 使用 Ctrl+P , 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可
  3. 点击扩展图标,如下图

在这里插入图片描述

三、常用插件

(1)Chinese (Simplified) Language Pack for Visual Studio Code

软件汉化

在这里插入图片描述

(2)Auto Close Tag

自动闭合HTML/XML标签

在这里插入图片描述
效果:

在这里插入图片描述

(3)Auto Rename Tag

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

在这里插入图片描述
效果:

在这里插入图片描述

(4)Bracket Pair Colorizer

给嵌套的各种括号加上不同的颜色

在这里插入图片描述
效果:

在这里插入图片描述

(5)Path Intellisense

智能路径提示,可以在你输入文件路径时智能提示

在这里插入图片描述
效果:

在这里插入图片描述

(6)HTML Snippets

HTML代码片段,该插件可为你提供html标签的代码提示,不用键入尖括号了

在这里插入图片描述
效果:
在这里插入图片描述

(7)filesize

在这里插入图片描述
效果:

在这里插入图片描述

(8)Prettier – Code formatter

保存的时候自动格式化代码
在这里插入图片描述

(9)JavaScript(ES6) code snippets

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

在这里插入图片描述

四、VUE插件

(1)Vetur

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

在这里插入图片描述
效果:

在这里插入图片描述

(2)EsLint

语法纠错

在这里插入图片描述

效果:

在这里插入图片描述

五、微信小程序插件

(1)wechat-snippet

微信小程序代码辅助,代码片段自动完成

(2)minapp

  • 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
  • 需要输入<才会触发标签补全
  • 输入空格会触发对应标签的属性补全

(3) wxapp-helper

选择创建wx组件,自动生成配套的文件,简直不要太爽

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/164339.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 使用OSTaskCreate()建立一个任务后,该任务处于( )_worksheetfunction函数用法

    使用OSTaskCreate()建立一个任务后,该任务处于( )_worksheetfunction函数用法任务是操作系统处理的首要对象,在多任务运行的环境中,任务的管理需要考虑多方面的因素,最基本的任务管理是任务的创建。任务创建函数有两种,一种是基本的创建函数OSTaskCreate,另一种是扩展的任务创建函数OSTaskCreateExt。两个函数都实现了任务的创建,但是OSTaskCreateExt的功能更强,带有很多附加的功能,如果不需要附加功能,OSTaskCreate是完全可以胜任的,没有哪

  • redis 设置过期时间会立刻删除吗_redis默认过期时间是多少

    redis 设置过期时间会立刻删除吗_redis默认过期时间是多少3月,跳不动了?>>>…

  • SwipeRefreshLayout实现上滑加载更多[通俗易懂]

    SwipeRefreshLayout实现上滑加载更多[通俗易懂]SwipeRefreshLayout实现上滑加载更多在我们的项目中,需要用到许多下拉刷新和上滑加载的操作,不说什么没用的,直接来介绍SwipeRefreshLayout的扩展用法。后面会简单的介绍SwipeRefreshLayout的用法。在这里我们对谷歌官方的控件进行拓展,使得SwipeRefreshLayout具有上滑加载更多的功能。下面是正文首先我们新建文件(文件名自己定义,在…

  • CIFAR10/CIFAR100数据集介绍

    CIFAR10/CIFAR100数据集介绍CIFAR-10/CIFAR-100数据集解析觉得有用的话,欢迎一起讨论相互学习~FollowMe参考文献CIFAR-10/CIFAR-100数据集CIFAR-10和CIFAR-100被标记为8000万个微小图像数据集的子集。他们由AlexKrizhevsky,VinodNair和GeoffreyHinton收集。CIFAR-10数据集CIF…

  • 贴片铝电容识别及型号_2.贴片电容和贴片铝电解的封装材质型号大全

    贴片铝电容识别及型号_2.贴片电容和贴片铝电解的封装材质型号大全1.贴片电容的封装及容值表示多层片式陶瓷电容器(MLCC)贴片电容封装贴片电容由于制造时受“高温烧结”工艺限制,所以本体上不能标注其容量,一般都是在贴片生产的整盘上有标注。容量识别:104=10×10^4PF=100000PF=100NF=0.1UF471=47×10^1PF=470PF原则1:以PF为基本单位,1法拉(F)=1000毫法(mF)=1000000微法(μF)1微法(μF)=…

  • 2021goland激活码 4月最新注册码_通用破解码

    2021goland激活码 4月最新注册码_通用破解码,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号