VSCode 开发必备插件以及配置

前言

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

// 启动效果
"powermode.enabled": true,
// flames 火花效果
"powermode.presets": "flames",
// 关闭代码抖动
"powermode.enableShake": false

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
}