位置: IT常识 - 正文

前端vscode必备插件(强烈推荐)(前端vscode配置)

编辑:rootadmin
前端vscode必备插件(强烈推荐)

目录

一、前言

二、工具推荐

1.《Chinese (Simplified) (简体中文) Language》

2.《ESLint》

3.《Git History》

4.vscode-icons 

5.Path Intellisense

6.《Vetur》

7.《GitLens — Git supercharged》

8.《Image preview》

9.Debugger for Chrome

10.Prettier

11.AnyRule 

13.Vue Language Features (Volar)

14.Vite

15.Code Spell Checker

16.Error Lens

17.Angular Language Service。

18.Angular Files

19.《小霸王》


一、前言

推荐整理分享前端vscode必备插件(强烈推荐)(前端vscode配置),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vscode前端使用教程,vscodeweb前端插件,前端vscode配置,vscode前端开发教程,vscode前端使用教程,vscode写前端代码要装什么插件,前端vscode必备插件,前端vscode必备插件,内容如对您有帮助,希望把文章链接给更多的朋友!

VSCode 是我们前端开发的一个强大的IDE,因此选择趁手好用的插件能事半功倍,也能能更好地编码以及获得更丝滑的开发体验。然后剩下的时间用来摸鱼是很有必要滴。

二、工具推荐1.《Chinese (Simplified) (简体中文) Language》

首先呢,我先推荐的就是最基础的语言包,没办法,英语水平太捞了哈哈哈,弄起来后就舒服多了,汉语yyds~。

2.《ESLint》

这个其实真的是又爱又恨,有时候一些写法自己觉得很舒服,他就给你提示不规范,看个人开发习惯吧哈哈哈。

3.《Git History》

查看git的分支管理、提交记录等。

4.vscode-icons 

该插件会基于文件扩展名在 the tree view 中的文件名旁添加图标,让你更容易地识别文件。

效果图如下:

 5.Path Intellisense

该扩展可以自动补全代码中的路径和文件名。例如前端的静态文件引入路径填写修改。

 

 效果图如下:

6.《Vetur》

这个vue开发者必备的扩展就不多做解释了,代码高亮,补齐等等。

7.《GitLens — Git supercharged》

git团队项目管理工具。

这个工具可以清楚的看见哪些bug是谁写的,还有很多功能,也是团队开发中必安的插件。

效果如下:

8.《Image preview》

图片是否正确引入的显示工具,在图片连接上按住ctrl,鼠标悬浮即可看见是否正确找到路径下的图片文件,非常有用!

效果如下:

9.Debugger for Chrome前端vscode必备插件(强烈推荐)(前端vscode配置)

映射vscode上的断点到chrome上,方便调试。

10.Prettier

Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件,它就能够自动应用Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint,那么还有个 Prettier – Eslint 插件,你可不要错过咯。

11.AnyRule 

这是一个用来快速检索常用正则表达式的插件,希望能给大家在繁忙的开发过程中带来一丁点的效率提升。

 

 效果图如下:

13.Vue Language Features (Volar)

相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。

而随着 Vue3 正式版发布,Vue 团队官方推荐 Volar 插件来代替 Vetur 插件,不仅支持 Vue3 语言高亮、语法检测,还支持 TypeScript 和基于 vue-tsc 的类型检查功能。

14.Vite

Vite 插件可以让我们打开项目后,就能自动启动开发服务器,允许开发者无需离开编辑器即可预览和调试应用。支持一键启动、构建和重启项目。

15.Code Spell Checker

Code Spell Checker 是在VSCode中的一款插件,能够帮助我们检查单词拼写是否出现错误,检查的规则遵循 camelCase (驼峰拼写法)。

16.Error Lens

可以将代码中不符合规范或者逻辑不通顺的错误提示信息展示在代码行内 。

 

 效果图如下:

17.Angular Language Service。

超好用的从模板 html F12一键定位变量定义位置.。

18.Angular Files

使用angular框架开发项目的同学,可以安装一键生成angular需要的文件。

19.《小霸王》

在线支持几十款游戏,实乃上班娱乐摸鱼的必备插件!!!!!

上有超级玛丽下有坦克大战 开箱即用 点开即玩 可放大放小 娱乐无穷!!!!

就先介绍这几款常用的插件,让大家更好地编码和获得更丝滑的开发体验。也欢迎各位朋友补充推荐哈。

如果文章对你有所帮助,❤️关注+点赞❤️鼓励一下!博主会持续更新。。。。

来源于:程序员摸鱼导航

本文链接地址:https://www.jiuchutong.com/zhishi/293069.html 转载请保留说明!

上一篇:如何免费使用ChatGPT进行学术润色?你需要这些指令...(如何免费使用超级简历)

下一篇:浏览器:跨域及解决方法(前端解决浏览器跨域问题)

  • 小红书注销账号别人还能看吗(小红书注销账号后可以再用同一个手机申请吗)

    小红书注销账号别人还能看吗(小红书注销账号后可以再用同一个手机申请吗)

  • QQ空间留言板怎么设置(qq空间留言板怎么批量删除)

    QQ空间留言板怎么设置(qq空间留言板怎么批量删除)

  • 安卓4.0.4可使用的微信(安卓4.0.4可使用的软件)

    安卓4.0.4可使用的微信(安卓4.0.4可使用的软件)

  • cad曲线快捷键(cad 曲线快捷键)

    cad曲线快捷键(cad 曲线快捷键)

  • 换路由器需要宽带账号密码吗(换路由器要换套餐吗)

    换路由器需要宽带账号密码吗(换路由器要换套餐吗)

  • 抖音审核不通过钱多久退回(为什么剪辑的动漫抖音审核不通过)

    抖音审核不通过钱多久退回(为什么剪辑的动漫抖音审核不通过)

  • DMZ是什么(DMZ是什么药)

    DMZ是什么(DMZ是什么药)

  • 光纤接入用户端设备是路由器吗(华为吉比特无源光纤接入用户端)

    光纤接入用户端设备是路由器吗(华为吉比特无源光纤接入用户端)

  • qq限制加好友处理多少天(QQ限制加好友处理多久才能恢复)

    qq限制加好友处理多少天(QQ限制加好友处理多久才能恢复)

  • 退出登录和关闭微信有什么区别(退出登录和关闭qq)

    退出登录和关闭微信有什么区别(退出登录和关闭qq)

  • 西门子哪个国家品牌(西门子是哪个国家的品牌)

    西门子哪个国家品牌(西门子是哪个国家的品牌)

  • 华为al00什么型号(华为al00什么型号平板)

    华为al00什么型号(华为al00什么型号平板)

  • 手机怎样看直播(手机怎样看直播电视)

    手机怎样看直播(手机怎样看直播电视)

  • 乐视充电慢怎么办(乐视充电慢怎么回事)

    乐视充电慢怎么办(乐视充电慢怎么回事)

  • 微信微云在哪里打开(微信里面微云在哪里)

    微信微云在哪里打开(微信里面微云在哪里)

  • 抖音找不到合拍功能(抖音找不到合拍两个字怎么办)

    抖音找不到合拍功能(抖音找不到合拍两个字怎么办)

  • 爱奇艺会员可以几个人用(爱奇艺会员可以几个人一起登录)

    爱奇艺会员可以几个人用(爱奇艺会员可以几个人一起登录)

  • 荣耀20如何使用nfc(荣耀20如何使用门禁卡)

    荣耀20如何使用nfc(荣耀20如何使用门禁卡)

  • vivoz3屏幕指纹解锁吗(viviiqooz3指纹解锁)

    vivoz3屏幕指纹解锁吗(viviiqooz3指纹解锁)

  • oppor11手机可以开空调吗(oppor11手机可以开空调吗?)

    oppor11手机可以开空调吗(oppor11手机可以开空调吗?)

  • 抖音直播回放在哪里看(抖音直播回放在哪里看电脑版)

    抖音直播回放在哪里看(抖音直播回放在哪里看电脑版)

  • 解决CentOS 安装出现

    解决CentOS 安装出现"-bash: wget: 未找到命令"解决方案(centos安装软件教程)

  • 如何解决ECharts图表切换后缩成一团的问题(如何解决面颊毛孔粗大)

    如何解决ECharts图表切换后缩成一团的问题(如何解决面颊毛孔粗大)

  • 当月不发工资会影响社保吗
  • 建筑业的账务处理
  • 残疾人保障金的工资按实发还是应发
  • 出纳与会计现金对不上
  • 企业缴纳个人所得税比例
  • 所得税申报表的营业收入包括营业外收入吗
  • 超市的小票能重开吗
  • 客户发票弄丢了应该如何补救
  • 营业额和营业收入区别举例
  • 个人支付宝开票的后果
  • 小企业会计准则调整以前年度费用分录
  • 转回存货跌价准备对递延所得税资产的影响
  • 未达起征点的税金如何做账
  • 预付款核销会计分录
  • 衍生工具和非衍生工具怎么区分
  • 客户逾期付款
  • 土增税土地成本分摊方法
  • 增值税专用发票可以开电子发票吗
  • 租赁违法处理
  • 冲销管理费用如何计算
  • 长期股权投资初始成本
  • 核定征收的小微企业企业所得税计算
  • 免征企业所得税的有哪些行业
  • 公司无偿使用个人车辆,个人需要缴纳税款吗
  • 增值税留抵税额账务处理
  • 免税发票不用纳税可以吗
  • 目前建筑里面税金总共包括几部分
  • 企业可以同时按一般纳税和按小规模纳税吗?
  • 增值税发票抵扣期限最新规定
  • 三证合一之后的税务登记
  • 如何代开外籍人员个人所得税完税凭证?
  • 税前净利润等于什么
  • laravel跨库查询
  • php判断https
  • win11怎么更改系统日期
  • 系统盘怎么重装系统win7
  • 原材料赔偿会计分录
  • vantUI van-picker中的column使用,picker选择器展示对象数组里面的属性,自定义展示数据
  • 讲解如何使用
  • 其他应付款怎样结转
  • 买入返售金融资产和卖出回购金融资产
  • 委托银行贷款利息收入
  • 存货什么时候计提什么时候回转
  • 包装物逾期是什么意思
  • unity怎么打包unitypackage
  • javaweb项目简介
  • 企业的研发费用如何进行账务处理
  • 对公账户和私人账户怎么区分
  • sql server异常怎么处理
  • SQL Server 2016 TempDb里的显著提升
  • 国家税务总局金税四期
  • 销售折让的账务处理方法
  • 销项税用转出吗
  • 销货方开具红字发票还用给购买方吗
  • 关于sql的问题
  • 本月暂估入库,下月
  • 公司资产业务
  • 餐饮行业招聘方案
  • 工程项目分包需要招标吗
  • sqlserver数据库事物日志已满
  • mysql增删改查面试题
  • windows 10预览版
  • 详述目标成本法的内容和步骤
  • windows7桌面出现一个窗口删除不了
  • 进程lsass.exe
  • 安装win7系统后进不了系统
  • os x10.12支持的机型
  • win7关掉wifi
  • nodejs爬取数据
  • 安卓笔记软件squid使用方法
  • css 3
  • 批处理生成excel
  • 特征提取技术
  • android view详解
  • 酷狗app去广告
  • unity 协作
  • 关于中秋节的古诗
  • jquery基本语法
  • 现在的微信怎么用脚本登陆了
  • 北京市地区代码是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设