VSCode 开发必备插件以及配置

前言1. 基础插件2. PHP 插件3. Vue 插件4. Git 插件5. 娱乐插件插件配置Power ModeGit HistoryRainbow Fart推荐配置

前言

---

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

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

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

1. 基础插件

---

Chinese (Simplified) (简体中文)

Better Align - 等号对齐

Project Manager - 项目管理

Live Server - 热加载插件

Live Preview - 同步预览插件

vscode-icons - 文件目录图标

Power Mode - 炫酷的打字特效

Prettier - Code formatter - 代码格式化

CSS Peek - 在 HTML 中通过 CSS id 或 class 定位

Polacode - 生成漂亮的代码截图

Auto Rename Tag - 标签自动重命名

Bracket Pair Colorizer 2 - 成对括号着色

JavaScript (ES6) code snippets - ES6 语法片段

2. PHP 插件

---

PHP Intelephense - PHP 函数、类跳转跟踪

PHP DocBlocker - 快速生成 PHP 文档注释

3. Vue 插件

---

Vetur - 语法高亮、智能感知、格式化

Vue VSCode Snippets - Vue 代码片段

4. Git 插件

---

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

5. 娱乐插件

---

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

uni-app 相关插件

序号	插件名称	描述
1	uni-helper	让开发者在vscode中开发 uni-*的体验尽可能的好，快速生成uni-app组件
2	uni-app-snippets	支持uni-app基本能力的代码片段，包括组件和API
3	uni-app-schemas	支持uni-app pages.json 和 manifest.json 简单的格式校验

插件配置

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}

更新于：4个月前