前端VSCode常用插件及安装

前端VSCode常用插件及安装新手前端VSCode常用插件及其安装方法

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

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

VSCode的功能如此强大,这与它们的插件密密相关,插件的安装起来超级简单,种类繁多,这给我们开发人员提供了很好地的便利。但是新手学习期间不需要安装许多插件,这里我来给大家介绍一下新手学习前端常用的插件吧。

一、常用的插件

1、Chinese (Simplified) 汉化

  这是一个把英文转换为中文的插件,一般下载软件后我们第一个要安装的插件,方便我们看软件整体的界面。

前端VSCode常用插件及安装

2、Auto Rename Tag

  在修改标签时,会自动修改另外一个相对应的标签,可以提高写代码的效率。

前端VSCode常用插件及安装

3、One Dark Pro

  一个页面的主题,有利于更好的看代码,个人比较喜欢用这个主题,主题页面如下图。

前端VSCode常用插件及安装

     

前端VSCode常用插件及安装

       

4、格式化代码(软件自带)

  可以自动格式化代码的样式,新手建议自己手写规范语法格式,设置方法如下:

  (1)在左下角选择管理,然后点击设置

    

前端VSCode常用插件及安装

  (2)点击文本编辑器,选择格式化,然后把右边三个框框(format  on paste、format on save、format on type)都勾选上。

    

前端VSCode常用插件及安装

 5、open in browser

  运行代码时,需要浏览器浏览,需要用到这个插件

   

前端VSCode常用插件及安装

6、live sever

  实时在线浏览,在写代码时保存代码,即可刷新浏览器,改代码时特别的方便,强烈推荐大家安装这个插件,真的很好用!

  但是需要注意的是,要打开文件的目录文件夹才可以使用哦,可以从文件 → 打开文件夹/新建文件夹 打开使用。

  

前端VSCode常用插件及安装

  

前端VSCode常用插件及安装

 7、会了吧

  一个将英语翻译为中文的插件,如果有不认识的单词我们可以点击右侧图标,即可看见全文的英文翻译哦,这样对可以很快的知道单词的意思啦!

  

前端VSCode常用插件及安装

  

前端VSCode常用插件及安装

二、如何安装插件

  我以安装第一个插件Chinese (Simplified)为例

  1.、点击左侧的一个类似正方形的拓展按钮

  

前端VSCode常用插件及安装

  2、在搜索栏里找到我们想要的插件,然后选择插件点击安装install

       

前端VSCode常用插件及安装

   3、安装好后选择restart重启

  

前端VSCode常用插件及安装

  4、等待重启后插件就安装好了

  

前端VSCode常用插件及安装

以上是我个人的分享及方法,如果有写得不正确的地方,各位伙伴可以在评论指出哦~如果有不明白的,也可以评论或者私信我,欢迎大家一起来学习交流吖~

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

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

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

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

(0)


相关推荐

  • 大型视频监控存储方式_私人云存储解决方案

    大型视频监控存储方式_私人云存储解决方案一、背景描述在建设和谐社会的环境下,国家对很多单位的视频监控系统提出了更高的要求,要求他们把视频监控录像保存更长的时间,要求视频监控的画面更加清晰一点;这些要求的提出,导致原有视频监控系统的存储空间不能满足最新的需求,需要一个更大的存储空间来保存视频录像,如何给原有的监控系统进行存储空间的扩容,以及如何满足将来进一步扩容的需求,正在成为系统集成商和客户的难题。AXUS公司针对中国市场进行了一…

  • linux0.11_linux vim安装

    linux0.11_linux vim安装前言所有的UnixLike系统都会内建vi文书编辑器,其他的文书编辑器则不一定会存在。但是目前我们使用比较多的是vim编辑器。vim具有程序编辑的能力,可以主动的以字体颜色辨别语法的

  • 当在Windows上安装SQL Server,点击setup,出现以下错误0 x84b10001[通俗易懂]

    当在Windows上安装SQL Server,点击setup,出现以下错误0 x84b10001[通俗易懂]当在Windows上安装SQLServer,点击setup,出现以下错误0x84b10001这个错误是系统文件损坏的原因造成的;解决办法:方法1.在命令提示符(管理员)中输入命令sfc/scannow,确认等待完成;之后在进行安装就可以了;2.去C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\CONFIG\machine.config配…

  • 用java判断闰年的条件解释_Java判断闰年的2种方法示例

    用java判断闰年的条件解释_Java判断闰年的2种方法示例前言:给定一个年份,判断这一年是不是闰年。当以下情况之一满足时,这一年是闰年:1.年份是4的倍数而不是100的倍数;2.年份是400的倍数。其他的年份都不是闰年。方法一:publicclassBissextile{booleanbissextile(intyear){//创建boolean类型的方法if(year%4==0&&year%100!=…

  • rpa是干什么的_rpa是什么技术

    rpa是干什么的_rpa是什么技术作者:影刀RPA链接:https://www.zhihu.com/question/382742683/answer/1367045898来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。RPA是什么?一句话让你明白这个技术是什么,一种模拟电脑鼠标键盘操作且可以代替人进行重复性、规则化电脑端操作的技术,展开想象会发现能够应用在公司各个部门各个业务线,简单整理如下:感觉还是很迷糊?钉钉跟客户发不同的消息内容(0编码4分钟完成)影刀RPA的..

  • oracle保留小数位数

    oracle保留小数位数公司需要处理一些报表,需要使用百分率,保留2位小数,只用round和trunc函数都可以实现(round(_data,2)),只是格式不是很工整,对格式要求不严谨的情况下使用round即可公司需要处理一些报表,需要使用百分率,保留2位小数,只用round和trunc函数都可以实现(round(_data,2)),只是格式不是很工整,对格式要求不严谨的情况下使用round即可.个人认为比较方便的一种selectdecode(n_jg,0,’0.00′,trim(to_char(n_jg,’999

发表回复

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

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