VSCode 开发必备插件以及配置

• 前言
• 1. 基础插件
• 2. PHP 插件
• 3. Vue 插件
• 4. Git 插件
• 5. 娱乐插件
• 插件配置
  • Power Mode
  • Git History
  • Rainbow Fart
• 推荐配置

前言

---

VSCode 下载地址: https://code.visualstudio.com

本文记录我使用过的比较好用的插件，持续更新

只记录插件名称及简单介绍，不记录具体用法，部分插件的用法会单独写文章记录

1. 基础插件

---

1. Chinese (Simplified) (简体中文)
2. Better Align - 等号对齐
3. Project Manager - 项目管理
4. Live Server - 热加载插件
5. Live Preview - 同步预览插件
6. vscode-icons - 文件目录图标
7. Power Mode - 炫酷的打字特效
8. Prettier - Code formatter - 代码格式化
   站长源码网
9. CSS Peek - 在 HTML 中通过 CSS id 或 class 定位
10. Polacode - 生成漂亮的代码截图
11. Auto Rename Tag - 标签自动重命名
12. Bracket Pair Colorizer 2 - 成对括号着色
13. JavaScript (ES6) code snippets - ES6 语法片段

2. PHP 插件

---

1. PHP Intelephense - PHP 函数、类跳转跟踪
2. PHP DocBlocker - 快速生成 PHP 文档注释

3. Vue 插件

---

1. Vetur - 语法高亮、智能感知、格式化
2. Vue VSCode Snippets - Vue 代码片段

4. Git 插件

---

1. Git History - 查看提交记录
2. Git Project Manager - git 项目管理插件

5. 娱乐插件

---

1. Rainbow Fart - 程序员鼓励师 (彩虹屁)

uni-app 相关插件

插件配置

Power Mode

参考文章: https://blog.csdn.net/sunweixin8/article/details/105944730

// 启动效果

Git History

Rainbow Fart

插件功能: 打出关键字，会有女音说话 ^_^

1、安装插件 Rainbow Fart

2、使用组合键 command + shift + p 唤出 Enable Rainbow Fart

3、点击右下角的 open，将会自动使用默认浏览器打开插件授权页面

4、点击下图框框中的部分即可完成授权，页面不要关闭

推荐配置

settings.json 配置

{
// 打开的新窗口后不覆盖旧窗口
"workbench.editor.enablePreview": false,
// 关闭基于文件内容自动检测插入缩进大小
"editor.detectIndentation": false,
// tab键缩进4个空格
"editor.tabSize": 4
}