前端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常用插件及安装

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

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

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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 创建索引sql 语句「建议收藏」

    创建索引sql 语句「建议收藏」1、创建表的同时指定createtablet1( idintnotnull, namechar(30)notnull, uniqueindexUniqIdx(id))2、在已经存在的表创建索引使用ALTERTABLE语句创建索引1.执行语句altertablebookaddindexBkName(bookname(30))2…

    2022年9月7日
  • Py之cv2:cv2库(OpenCV,opencv-python)的简介、安装、使用方法(常见函数、方法等)最强详细攻略[通俗易懂]

    Py之cv2:cv2库(OpenCV,opencv-python)的简介、安装、使用方法(常见函数、方法等)最强详细攻略[通俗易懂]Py之cv2:cv2库(OpenCV,opencv-python)的简介、安装、使用方法(常见函数、方法等)最强详细攻略目录关于OpenCV简介OpenCV应用领域1、计算机视觉领域方向2、计算机操作底层技术安装OpenCV的的两种方法T1、使用whl文件法T2、直接命令法T3、Anaconda环境下安装OpenCV常见函数、方法0、基本库函数1、图像基本运算2、Image.open和cv2.imread的区别及其转换相关文章:Py

    2022年6月23日
  • 定积分的应用之 柱壳法求旋转体体积

    定积分的应用之 柱壳法求旋转体体积

    2022年6月8日
  • lm算法是什么算法_opencv图像处理算法

    lm算法是什么算法_opencv图像处理算法1.高斯牛顿法残差函数f(x)为非线性函数,对其一阶泰勒近似有:这里的J是残差函数f的雅可比矩阵,带入损失函数的:令其一阶导等于0,得:这就是论文里常看到的normalequation。2.LMLM是对高斯牛顿法进行了改进,在求解过程中引入了阻尼因子:2.1阻尼因子的作用:2.2阻尼因子的初始值选取:一个简单的策略就是:2.3阻尼因子的更新策略3.核心代码讲解3.1构建H矩阵void…

    2022年10月1日
  • QTabWidget的样式「建议收藏」

    QTabWidget的样式「建议收藏」Tab标签所在行的样式QTabWidget::tab-bar{alignment:left;top:3px;left:5px;right:5px;}设置QTabWidget的Tab标签下面窗格的样式QTabWidget#tabwidget_DevMang::pane{border-top:3pxsolidblack;border-…

    2022年9月23日
  • SIGPIPE and EPIPE

    SIGPIPE and EPIPESIGPIPEandEPIPESIGPIPE是如下情况引起的(这里只是一个例子)grep”pattern”<reallyhugefile|headgrep有可能会输出上百万行,但是head只需要读取10行就会退出.一旦head将管道的读端关闭,那么grep就会获得SIGPIPE信号,然后被强制退出,使其节约资源.如果不想自己的程序因为这…

    2022年5月7日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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