vscode前后端必装插件整理

2024-10-15 20:20:47

小程序码

文章目录

热门文章

整理下php学员遇到的一些问题 431

fastadmin监听或重写删除编辑按钮事件 285

phpstudy怎么手动安装php8.3.0版本？ 275

文档：一个案例学会fastadmin插件开发 148

php基础入门课程资料文档课件 134

表单验证：密码和确认密码的验证和文字提示 76

百题斩：用递归方式扁平化嵌套数组 67

百题斩：字符串的逆序函数 60

案例代码：用油猴脚本统计b站课堂课程总时长 59

使用ffmpeg把mp4转为加密后的m3u8文件 55

> 这里整理了一部分我安装的插件，我感觉是必备的，可以大大提高开发效率的。如果大家有其他的推荐，可以在下面留言，谢谢分享！其实我们自己也可以做插件，本来想录一期教程的，但是最近太忙了，先立个flag吧，等有空录。

### 通用插件：
#### Chinese (Simplified) (简体中文)
中文汉化

![](https://resource.maoshu.fun/storage/default/20241015/imagec1c2e30d17726e9e80152e9e293491e8f36a29d6.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:-H1W4Id8HRboE_ypOK4KpBzaJag=)

#### Code Runner：
调试运行代码，支持多种编程语言

![](https://resource.maoshu.fun/storage/default/20241015/imagecaad045af2eab90a7252ae59f20941ac10ee0667.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:UQWZe4jDhesVZDrIZJBb865vteE=)

#### Git History
git提交历史记录

![](https://resource.maoshu.fun/storage/default/20241015/image133ed9475e06603927e905e32a6d11d05e6da5e9.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:5qiUy5AVynKxO-kxlI2bsoxmSwk=)

#### Prettier – Code formatter
格式化代码，可配置为保存时自动格式化代码（但有些代码格式化会有问题，根据情况看是否设为自动）

![](https://resource.maoshu.fun/storage/default/20241015/imagef672645c07588596c38a8aa876763aa26f358146.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:6GVyP64NUwyg0FcITM_d9KEcgUc=)

### 主题推荐
One Dark Pro

![](https://resource.maoshu.fun/storage/default/20241015/image73a860fddeb2b132c4674458ae94bd445bc81b35.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:tuH2VODVDDeTTwl1VXJtFYuYTTg=)

### 前端必备插件：
#### Auto Close Tag
自动闭合HTML、XML和其他标记语言中的标签

![](https://resource.maoshu.fun/storage/default/20241015/imaged49fdde6e437265f5936d5427aeb22f9a18390ba.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:tLFrpOXQLyKGtMBupifbtZjLcqk=)

#### Auto Rename Tag
自动重命名HTML、XML和其他标记语言中的标签。当你修改一个标签的开始标签或结束标签时，插件会自动同步更新对应的标签。

![](https://resource.maoshu.fun/storage/default/20241015/image4bd05a6b18b6bade0622b6f2ddbb51008d77384a.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:RXKTYVea3c3Lk4hfpeGFMnNKm8E=)

#### HTML CSS Support
![](https://resource.maoshu.fun/storage/default/20241015/imagea36d7680501f67606cf50262ab52dac4c6be0fce.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:pAgh7evhMDCpMMUmnGBnw69RiCg=)

#### Highlight Matching Tag
突出显示匹配的开始和/或结束标签

![](https://resource.maoshu.fun/storage/default/20241015/imageaed4dd21d3b90242780cace23610f1ba00cfcd69.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:_4l5-GeVi3idVqMgbq_AAa8aaiw=)

#### CSS Peek
快速查看css定义

![](https://resource.maoshu.fun/storage/default/20241015/imagefe5902d5ff294deb0083240b7afc5c1b861746bd.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:bMYfe2pUZOy4w82I3nX4MQt_eqw=)

按住ctrl用鼠标移动到class名称上即可看到，并且按住ctrl用鼠标点击类名可直接跳转到文件里去，如下图：

![](https://resource.maoshu.fun/storage/default/20241015/imagec7c5ef3a77aa874e0bfe2f61aa00ecc74d0260df.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:2rGw2DrMvQZ0qsG-eGGpg9tNnfU=)

#### javascript console utils
快速打出console.log，选中js变量，按ctrl+shift+L即可打出。虽然安装量不多，但我感觉超级有用，强烈推荐！

![](https://resource.maoshu.fun/storage/default/20241015/imageddd33c7ea3bc4e692a5c69646e4d950d78d932b5.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:3OsLKPZzdWKzL-Ngal5p20k3PAQ=)

#### Live Server
保存代码自动刷新页面

![](https://resource.maoshu.fun/storage/default/20241015/image65a24f05e9317e48f6aaa4092d76cdf9802ce7e9.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:0utCq-FJGGrg_irfyu0N1VNGCGs=)

### php必装插件：
#### PHP Debug
断点调试php

![](https://resource.maoshu.fun/storage/default/20241015/image2398c7a5dff5e3ecf32b951d677476c3ff7d4068.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:OOt-9m9BCQ4NYfoE06Y58y6bnv0=)

#### PHP Intelephense
PHP代码提示、查找定义、类搜索跳转等。

![](https://resource.maoshu.fun/storage/default/20241015/image12143c73d3dd38b08d4d669541be89e02661c6b4.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:TanVksp04PmoCQQGAnNdwH1aW9w=)

#### PHP DocBlocker
php块注释，敲出这个 /** 就能看到注释补全

![](https://resource.maoshu.fun/storage/default/20241015/image3aed899698f124fff8c7ce22b538953d074184be.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:qckJJoGNiFNQQOxc1gVZ3rNREig=)

#### PHP Namespace Resolver
命名空间解析器、快速引入类

![](https://resource.maoshu.fun/storage/default/20241015/imagea3fef05f5e8e48ff93bc53a551314ea0f169c326.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:KAvcPhotL5IoX1uV3M53y2KDbjs=)

#### 自卖自夸：
如果有使用layui的，可以下载我做的这款插件使用，搜索layui，安装量最高的这个就是我的。已经很久没更新了，大家如果有需要补充的，可以反馈给我补充优化。

![](https://resource.maoshu.fun/storage/default/20241015/image0cf124a359b67623edd8da7c098507734606e8ac.png?e=1732494454&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:6KjHtx3vrWd2HHwiLkN0yyc9hhI=)