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)


相关推荐

  • 2020-09-27

    2020-09-27

  • python进阶(15)多线程与多进程效率测试「建议收藏」

    python进阶(15)多线程与多进程效率测试「建议收藏」前言在Python中,计算密集型任务适用于多进程,IO密集型任务适用于多线程正常来讲,多线程要比多进程效率更高,因为进程间的切换需要的资源和开销更大,而线程相对更小,但是我们使用的Python大多

  • AArch64 是什么

    AArch64 是什么AArch64是ARMv8架构的一种执行状态。

    2022年10月17日
  • 1/7的小数点后2020位的数字是_九八K

    1/7的小数点后2020位的数字是_九八K给定长度为 N 的整数序列 A,下标为 1∼N。现在要执行 M 次操作,其中第 i 次操作为给出三个整数 li,ri,ki,求 A[li],A[li+1],…,A[ri] (即 A 的下标区间 [li,ri])中第 ki 小的数是多少。输入格式第一行包含两个整数 N 和 M。第二行包含 N 个整数,表示整数序列 A。接下来 M 行,每行包含三个整数 li,ri,ki,用以描述第 i 次操作。输出格式对于每次操作输出一个结果,表示在该次操作中,第 k 小的数的数值。每个结果占一行。数据范围

  • VS配置PCL“无法解析外部符号”

    VS配置PCL“无法解析外部符号”一开始报错:一般原因是没有包括需要的.lib报错说明可能出现在vtk和pcl_visualization的lib上。在依赖库中添加pcl_visualization.lib或者在.cmake文件中添加visualization重新编译,如下:===========================================================之后,报错只有两条:可知,现在只缺少vtk相关的lib。本人没有找到vtkLODActor和vtkShpe…

  • Spring Boot 配置ContextPath「建议收藏」

    Spring Boot 配置ContextPath「建议收藏」Springboot默认是/ ,这样直接通过http://ip:port/就可以访问到index页面,如果要修改为http://ip:port/path/ 访问的话,那么需要在Application.properties文件中加入server.context-path=/你的path,比如:spring-boot,那么访问地址就是http://ip:port/spring-boot路径。

发表回复

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

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