位置: 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多页面)

  • 360随身wifi win7系统用不了(360随身wifi 2代)(360随身wifi win7用不了)

    360随身wifi win7系统用不了(360随身wifi 2代)(360随身wifi win7用不了)

  • oppo控制中心在哪里打开(oppo控制中心在哪里找)

    oppo控制中心在哪里打开(oppo控制中心在哪里找)

  • 苹果手机延时拍照 为什么是10张(苹果手机延时拍摄在哪里设置)

    苹果手机延时拍照 为什么是10张(苹果手机延时拍摄在哪里设置)

  • 微信刷脸为什么验证不通过(微信刷脸为什么通不过)

    微信刷脸为什么验证不通过(微信刷脸为什么通不过)

  • 红米k30pro标准版有光学防抖吗(红米k30pro标准版和变焦版哪个好)

    红米k30pro标准版有光学防抖吗(红米k30pro标准版和变焦版哪个好)

  • 5g手机装4g卡速度会快吗(5g手机装4g卡网速怎么样)

    5g手机装4g卡速度会快吗(5g手机装4g卡网速怎么样)

  • 手机时不时断网几秒钟后恢复(手机时不时断网没信号)

    手机时不时断网几秒钟后恢复(手机时不时断网没信号)

  • 拓扑关系有哪三种类型(拓扑关系有哪几种)

    拓扑关系有哪三种类型(拓扑关系有哪几种)

  • 苹果电脑初始密码(苹果电脑初始密码6位数)

    苹果电脑初始密码(苹果电脑初始密码6位数)

  • 华为nova7支持红外遥控吗(华为nova7支持红外遥控功能吗)

    华为nova7支持红外遥控吗(华为nova7支持红外遥控功能吗)

  • 在电脑怎么登录拼多多(在电脑怎么登录两个微信账号)

    在电脑怎么登录拼多多(在电脑怎么登录两个微信账号)

  • 微信封号8天后可以正常登录了吗(微信封号8天之后能不能用了)

    微信封号8天后可以正常登录了吗(微信封号8天之后能不能用了)

  • b站怎么开小窗(b站怎么开小窗到其它软件苹果)

    b站怎么开小窗(b站怎么开小窗到其它软件苹果)

  • 一到晚上wifi就特别卡是什么原因(一到晚上wifi就无法上网)

    一到晚上wifi就特别卡是什么原因(一到晚上wifi就无法上网)

  • 关注页添加是什么意思(关注列表里)

    关注页添加是什么意思(关注列表里)

  • 快手商品上架审核要多久(快手商品上架审核需要多久)

    快手商品上架审核要多久(快手商品上架审核需要多久)

  • AirPodsPro怎么重新命名(airpodspro怎么重新绑定icloud)

    AirPodsPro怎么重新命名(airpodspro怎么重新绑定icloud)

  • ios微信怎么换透明头像(苹果微信透明主题教程)

    ios微信怎么换透明头像(苹果微信透明主题教程)

  • 华为手机运动健康怎么开启(华为手机运动健康怎么关闭)

    华为手机运动健康怎么开启(华为手机运动健康怎么关闭)

  • 苹果8p可以下载2个微信吗(苹果8p可以下载2k吗)

    苹果8p可以下载2个微信吗(苹果8p可以下载2k吗)

  • 三星note10+摄影达人版有什么区别(三星note10+摄影技巧)

    三星note10+摄影达人版有什么区别(三星note10+摄影技巧)

  • 手机流量被限速了怎么恢复(手机流量被限速了怎样解除)

    手机流量被限速了怎么恢复(手机流量被限速了怎样解除)

  • mqtt与socket的区别(tcp和mqtt区别)

    mqtt与socket的区别(tcp和mqtt区别)

  • iwown手环怎么调时间(iwown手环怎么调亮度)

    iwown手环怎么调时间(iwown手环怎么调亮度)

  • 华为手机美颜功能在哪(华为手机美颜功能怎么没有了)

    华为手机美颜功能在哪(华为手机美颜功能怎么没有了)

  • 拼多多怎么删除签到好友(拼多多怎么删除自己发的评论)

    拼多多怎么删除签到好友(拼多多怎么删除自己发的评论)

  • 个人所得税综合所得税率
  • 应交税费是什么会计科目
  • 自来水适用的税率是多少
  • 单位外币账户领取流程
  • 同一控制下长期股权投资相关税费
  • 净资产包含哪些方面
  • 一般纳税人10万以下免什么税
  • 如何根据资产负债表填写现金流量表
  • 出售已使用固定资产增值税申报表
  • 劳务公司差额计税收到的代发工资怎么开票
  • 小规模纳税人未开票收入填在哪里
  • 异地成立分公司
  • 机动车销售统一专票可以抵扣进项税额吗
  • 存货的计价方法有哪些,具体内容是什么
  • 收购股权怎么做账
  • 运输业增值税专用发票开具要求
  • 企业结转已销产品的生产成本
  • 公立医院固定资产贷款相关规定
  • 非独立核算的分公司是法人主体吗
  • 少交了增值税怎么补
  • 招商费用计入哪个明细科目
  • 公司收到纸质承兑不开票行吗
  • win11正式版发布
  • 笔记本电脑怎么重装系统
  • 资产报废对企业的好处
  • 无形资产摊销的会计科目怎么录
  • 安装win7前需要手动格式化c盘吗
  • 税控盘抵减
  • php和mysql的联合使用
  • 员工离职后公司还用照片
  • 如何利用路由器登陆花生壳
  • 公司法人变更后银行账户怎么变更
  • thinkphp try catch
  • 如何解决php使用延迟问题
  • yii2前后端分离
  • ci框架如何做api
  • echarts饼图参数配置
  • 毕业设计教程
  • 目标检测论文解析怎么写
  • php读写xml
  • 个税专项附加扣除金额
  • 以前年度损益调整怎么做账
  • python中的thread
  • 将织梦dedecms转换到wordpress
  • 以前年度租赁收入如何处理
  • sql server 2008简介
  • 税务安全证书应用客户端不成功是什么意思
  • 公司债券分为
  • 商业保险如何做伤残鉴定的
  • 抵消递延所得税资产会计处理
  • 购车是否有进项税额
  • 分期收款发出商品一批,售价50000
  • 资产负债表中各项目的期末余额
  • 主营业务收入和库存商品怎么区分
  • 手机属于固定资产吗
  • 企业开办费计入什么科目
  • winxp开机画面自动重启
  • mac的浏览记录在哪儿
  • linux安装atop
  • 系统设置技巧有哪些
  • icloud怎么加密码
  • win7升级win10收费吗
  • 扫描仪在哪儿
  • win10资源管理器启动不了
  • 开机需要两次
  • cocos做游戏
  • 彻底弄懂js中的this指向
  • jq获取单选框的值
  • u盘通过什么读写数据
  • [置顶]游戏名:chivalry2
  • Linux CentOS系统下安装node.js与express的方法
  • python time模块日期运算
  • [Phonegap+Sencha Touch] 移动开发50 Android修改新建虚拟机存放的位置
  • Android 仿 iphone 自定义滚动选择器
  • 长春税务局待遇如何
  • 沈阳铁西区房产中介电话
  • 宁波无犯罪证明能当场拿到吗
  • 青岛国税服务电话
  • 服务承诺口号八个字
  • 小规模纳税人和一般纳税人的区别
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设