位置: IT常识 - 正文

前端工程师都在用的 VSCode 常用插件(前端工程师在大学学什么专业)

编辑:rootadmin
前端工程师都在用的 VSCode 常用插件 文章目录前言一、VSCode常用的插件1.Chinese (Simplified) (必备)2.Auto Rename Tag3.One Dark Pro 颜色主题4.格式化代码(vscode系统自带)5.open in browser 浏览器预览页面6. Live Server 实时预览(推荐)7. vscode-icons 设置文件图标主题8. Easy LESS 编译less文件8. 会了吧 (软件名就叫这个)完前言

推荐整理分享前端工程师都在用的 VSCode 常用插件(前端工程师在大学学什么专业),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端工程师在哪个部门,前端工程师都在哪里工作,前端工程师都在做什么,前端工程师都在哪里工作,前端工程师在线培训,前端工程师在单位突出行为和事迹,前端工程师都在哪里工作,前端工程师都在哪里工作,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

一、VSCode常用的插件

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

1.Chinese (Simplified) (必备)

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

2.Auto Rename Tag

修改开始标签,结束标签跟着自动变化,非常好用(推荐)。

3.One Dark Pro 颜色主题

有四种可以选择 我喜欢的效果展示:

4.格式化代码(vscode系统自带)前端工程师都在用的 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://www.jiuchutong.com/zhishi/300361.html 转载请保留说明!

上一篇:智能优化算法:白鲸优化算法-附代码(智能优化算法及其MATLAB实例)

下一篇:html多个好看的背景动态效果(附源码)(html多页面)

  • 分析下微博营销有哪些可以被大家利用的价值(分析微博营销活动的关键点)

    分析下微博营销有哪些可以被大家利用的价值(分析微博营销活动的关键点)

  • mac地址怎么查询(mac地址怎么查)(mac地址怎么查询地址)

    mac地址怎么查询(mac地址怎么查)(mac地址怎么查询地址)

  • 荣耀20青春版对比华为nova4e(荣耀20青春版对比华为畅享10s)

    荣耀20青春版对比华为nova4e(荣耀20青春版对比华为畅享10s)

  • 80注册itms失败怎么办

    80注册itms失败怎么办

  • 录屏有杂音怎么办(录屏有杂音怎么回事)

    录屏有杂音怎么办(录屏有杂音怎么回事)

  • 朋友圈不小心删除能恢复吗(朋友圈不小心删了怎么恢复)

    朋友圈不小心删除能恢复吗(朋友圈不小心删了怎么恢复)

  • 索尼a6300配什么镜头(索尼a6300好用吗)

    索尼a6300配什么镜头(索尼a6300好用吗)

  • 丝瓜视频为什么现在看不了了(丝瓜视频为什么不可以看)

    丝瓜视频为什么现在看不了了(丝瓜视频为什么不可以看)

  • 苹果7耳机线怎么接线(苹果7耳机线怎么连接)

    苹果7耳机线怎么接线(苹果7耳机线怎么连接)

  • 微信注销如何跳过60天(微信注销如何跳转账号)

    微信注销如何跳过60天(微信注销如何跳转账号)

  • 华为mate30能否无线充电(mate30带不带无线充电功能)

    华为mate30能否无线充电(mate30带不带无线充电功能)

  • 发到抖音上的作品怎么删除(发到抖音上的作品怎么重新编辑)

    发到抖音上的作品怎么删除(发到抖音上的作品怎么重新编辑)

  • 天猫精灵ccl怎么用(天猫精灵CCL怎么扩展内存)

    天猫精灵ccl怎么用(天猫精灵CCL怎么扩展内存)

  • 畅享9plus有几个摄像头(畅享9plus几个颜色)

    畅享9plus有几个摄像头(畅享9plus几个颜色)

  • 小米airdots和红米区别(小米airdots与红米airdots2)

    小米airdots和红米区别(小米airdots与红米airdots2)

  • 小米5g手机有哪些(小米5g手机哪款性价比高)

    小米5g手机有哪些(小米5g手机哪款性价比高)

  • 苹果xr的3dtouc怎么开

    苹果xr的3dtouc怎么开

  • 给别人打电话怎么隐藏自己号码(给别人打电话怎么说比较好)

    给别人打电话怎么隐藏自己号码(给别人打电话怎么说比较好)

  • 怎么获取2021最新win10永久数字激活密钥 激活码分享 附激活工具(怎样获取)

    怎么获取2021最新win10永久数字激活密钥 激活码分享 附激活工具(怎样获取)

  • LPIPS 图像相似性度量标准(感知损失)(图像相似性度量)

    LPIPS 图像相似性度量标准(感知损失)(图像相似性度量)

  • 深聊测试开发之:从订单支付流程来聊一聊,如何预防重复支付,建议收藏。(深度测试软件)

    深聊测试开发之:从订单支付流程来聊一聊,如何预防重复支付,建议收藏。(深度测试软件)

  • NLP与ChatGPT的碰撞:大模型和小模型联合发力(nlp track)

    NLP与ChatGPT的碰撞:大模型和小模型联合发力(nlp track)

  • 财务报表中的应交税费包括什么
  • 税后净营业利润和净利润的区别
  • 广告费的明细
  • 增值税专用发票可以开电子发票吗
  • 工人工伤误工费赔偿多少一天
  • 个税扣除项生效日期
  • 购买增值税专用发票罪
  • 用友怎么结转本期损益
  • 汇总记账凭证长什么样
  • 安全费用中的固定资产如何写会计分录?
  • 福利费进项税可以抵扣
  • 材料含税价怎么算
  • 朋友抵押贷款通过我公司名义会怎样
  • 交易性金融资产的交易费用计入哪里
  • 行政诉讼的适用情况
  • 业务人员出差住宿费记什么科目
  • 预缴税多交了,税务局退吗
  • 退税显示未完成怎么处理
  • 奖金发当月还是上月
  • 不动产经营租赁属于现代服务吗
  • 税务领取发票后怎么操作
  • 开办企业验资
  • 政府补助专款专用如何入账
  • 折价购入对投资者而言,是为以后多得利息
  • 总公司中标分公司签约
  • 财务软件的摊销额计入管理费用
  • 赞助费支出怎样记账
  • php中的事务使用是什么
  • win11版本英文
  • php读取word
  • 购进农产品发生非正常损失
  • php提示框
  • 外企采购回扣普遍吗
  • 收到金融服务费怎么转账给别人
  • 预收账款和应收账款的账务处理
  • 原生js操作数组的方法
  • 长期待摊费用装修款如何摊销
  • 流动资产的含义及常见项目
  • 支出和收入怎么算呀
  • 公司承担员工的费用,员工违规吗
  • 异地预缴个人所得税账务技巧
  • mongodb查看数据库大小
  • 计提工资的时候计提个税吗
  • mysql同步复制搭建方法指南详细步骤
  • 公司收到注册资本金需要做哪些呢
  • 小规模减免附加税会计分录怎么做
  • 举办会议收入如何入账
  • 酒店代金券是什么意思
  • 股东打到公帐上怎么做账
  • 金税盘离线开票时间超限的处理方法
  • 小规模纳税人申报增值税的操作流程
  • 应收账款平均余额公式
  • 汽车折旧年限是多久
  • 企业所得税税负率多少合适
  • windows任务管理器命令
  • win10如何添加输入法
  • macbookair触控板维修
  • 如何做电脑系统备份
  • win7系统隐藏文件夹怎么取消隐藏
  • dsapi.exe是什么
  • win10预览版21390
  • seg是什么文件
  • windows更新后风扇不转
  • pm是什么软件的缩写
  • node.js的express
  • Tutorial 6:Translation Transformation
  • perl mkdir
  • javascript语言介绍
  • ajax按顺序执行
  • 猫猫的游戏
  • 友盟的功能
  • python数据类型总结
  • 使用androidx
  • 国企9000扣完五险一金
  • 医保所属期起和所属期止
  • 国税电子版
  • 契税个税怎么说
  • 信用体系建设
  • 国税系统如何变更财务负责人
  • 厦门红大税务师事务所怎么样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设