vscode写前端代码要装什么插件_AE必备插件

vscode写前端代码要装什么插件_AE必备插件本篇文章先介绍下常见的插件,如果本文对你有所帮助请三连支持博主,你的支持是我更新的动力。vscode之所以被称为宇宙第一神器(虽然我喜欢用HBuilderX),其中丰富的插件功不可没,安装起来超级简单,给我们开发带来了极大的便捷。注意,新手学习期间,不建议安装t太多的插件,用到啥就安装啥。因为有些插件会到vue学习的时候引起冲突,所以这里就介绍几个常用的插件。vscode刚下载完毕是语言英文的,要先安装这个插件,把语言改为中文版,所以是我们第一个安装的插件就是他想必各位大佬也都用。修改开始标签,结束标签

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

Jetbrains全系列IDE稳定放心使用


前言

本篇文章先介绍下常见的插件,如果本文对你有所帮助请三连支持博主,你的支持是我更新的动力。


提示:以下是本篇文章正文内容

一、VSCode常用的插件

vscode之所以被称为宇宙第一神器(虽然我喜欢用HBuilder X),其中丰富的插件功不可没,安装起来超级简单,给我们开发带来了极大的便捷。 注意,新手学习期间,不建议安装t太多的插件,用到啥就安装啥。因为有些插件会到vue学习的时候引起冲突,所以这里就介绍几个常用的插件。

1.Chinese (Simplified) (必备)

vscode刚下载完毕是语言英文的,要先安装这个插件,把语言改为中文版,所以是我们第一个安装的插件就是他想必各位大佬也都用。

在这里插入图片描述


2.Auto Rename Tag

修改开始标签,结束标签跟着自动变化,非常好用(推荐)。
在这里插入图片描述


3.One Dark Pro 颜色主题

有四种可以选择
在这里插入图片描述
我喜欢的效果展示:
在这里插入图片描述

4.格式化代码(vscode系统自带)

现在格式化代码的插件非常多,比如Prettier等等。 如果刚开始学,不太建议安装插件,先自己手写规范的语法格式

但是html标签嵌套比较多,可能需要自动格式化比较好,所以我们可以利用vscode自动的功能格式化代码,暂且不用格式化插件,自动保存照样能格式化代码。

(1) 点击管理按钮—选择里面的设置命令

在这里插入图片描述
(2)选择用户 – 文本编辑器— 正在格式化 — 勾选如下图的2个按钮
在这里插入图片描述


5.open in browser 浏览器预览页面

编写完代码,需要浏览器预览,可以安装这个插件

在这里插入图片描述
用法:
在这里插入图片描述


6. Live Server 实时预览(推荐)

刚才的插件是可以预览我们的页面,但是改完代码,浏览器必须要重新刷新,比较麻烦,因此推荐各位小伙伴安装 live server 这个插件,修改完代码,自动更新浏览器,真不错!
在这里插入图片描述


7. vscode-icons 设置文件图标主题

可以很清楚看到文件对用的图标
在这里插入图片描述
文件都很直观,不用再去看后缀了
在这里插入图片描述


8. Easy LESS 编译less文件

我们写的less不能直接引入到html文件中, 通过这个插件可以自动帮我们生成 css文件
在这里插入图片描述


8. 会了吧 (软件名就叫这个)

你是不是还在为英文单词不认识而发愁,是不是认识不会读而烦心, 这个插件你值得拥有。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

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

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

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


相关推荐

  • 使用Rational AppScan应对Web应用攻击

    使用Rational AppScan应对Web应用攻击1当前Web安全现状  互联网的发展历史也可以说是攻击与防护不断交织发展的过程。目前,全球因特网用户已达13.5亿,用户利用网络进行购物、银行转账支付和各种软件下载,企业用户更是依赖于互联网构建他们的核心业务,对此,Web安全性已经提高一个空前的高度。  然而,现实世界中,针对网站的攻击愈演愈烈,频频得手。CardSystems是美国一家专门处理信用卡交易资料的厂商。该公司

    2022年5月13日
    40
  • 计算机功率在线测试,电脑功耗计算在线测试

    计算机功率在线测试,电脑功耗计算在线测试Q1 有在线测试电脑功耗的网站吗想知道你的电脑耗电量是多少吗 Overciockula 帮你搞定 很多人都说电脑的速度越快耗电量就越快 早期的 486 和现在的 P4 相比 那简直就是 节能电脑 了 那么想不想知道你的电脑到底有耗电量是多少呢 来试试 Overclockula 吧 根据你的选择它可以估算出一台电脑的耗电量 该软件使用很简单 进入软件后 点击 PowerSupply 电源 标签 然后

    2026年1月19日
    1
  • Vagrant系列(二)—-Vagrant的配置文件Vagrantfile详解

    Vagrant系列(二)—-Vagrant的配置文件Vagrantfile详解

    2021年11月8日
    84
  • shell基础 — 基本语法

    shell基础 — 基本语法本文介绍一下shell的语法。一、变量在shell里,使用变量之前通常并不需要事先为他们做出声明,需要使用的时候直接创建就行了。默认情况下,所有变量都被看做字符串并以字符串来存储,即使它们

    2022年7月4日
    24
  • c语言中结构体的指针初始化,c语言结构体指针初始化

    c语言中结构体的指针初始化,c语言结构体指针初始化今天终于看完了 C 语言深度剖析这本书 对 C 语言有了进一步的了解与感悟 突然发觉原来自己学 C 语言的时候学得是那样的迷糊 缺少深入的思考 在重新看书的时候发觉 C 语言基本教材虽然经典 但是缺乏独到性 老师在讲解的过程中也就照本宣科了 没有多大的启迪 看到 C 语言内存管理这块 发觉还是挺有用的 当然平时在编程时基本上就没有考虑过内存问题 定义了指针变量 没有为指针分配内存 即指针没有在内存中指向一块合法的内存

    2025年11月11日
    3
  • Zookeeper安装_windows docker安装部署

    Zookeeper安装_windows docker安装部署百度网盘链接提取码:yg12拷贝zoo.cfg更改日志输出路径新建文件夹启动成功

    2022年8月8日
    4

发表回复

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

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