基础插件

• Power Mode - 打字特效 (opens new window)
• Project Manager - 项目管理 (opens new window)
• Chinese (Simplified) (简体中文) (opens new window)
• JavaScript (ES6) code snippets - ES6 语法片段 (opens new window)
• Auto Rename Tag - 标签自动重命名 (opens new window)
• Highlight Matching Tag - 高亮匹配标签 (opens new window)
• Dyno File Utils - 脱离鼠标管理文件 (opens new window)
• Remote - SSH - 使用SSH连接远程服务器 (opens new window)
• Template String Converter - 模板字符串自动转换定界符 (opens new window)
• Polacode - 生成漂亮的代码截图 (opens new window)
• CodeSnap - 生成漂亮的代码截图(Mac 风格) (opens new window)
• Image preview - 图片预览插件 (opens new window)
• Path Intellisense - 路径智能提示 (opens new window)
• Path Autocomplete - 路径智能提示 (opens new window)
• Code Spell Checker - 单词拼写检查 (opens new window)
• Better Comments - 代码注释高亮显示 (opens new window)
• Todo Tree - 代办事项插件 (opens new window)
• Dot Log - 快速生成 console.log (opens new window)
• javascript console utils - 快速生成 console.log (opens new window)

主题插件

• One Dark Pro - 暗黑色主题 (opens new window)
• Material Icon Theme - 文件目录图标 (opens new window)
• vscode-icons - 微软官方文件目录图标 (opens new window)

PHP 插件

• PHP Intelephense - 函数、类跳转跟踪 (opens new window)
• PHP DocBlocker - 快速生成文档注释 (opens new window)

Vue 插件

• Vetur - 语法高亮、智能感知、格式化 (opens new window)
• Vue VSCode Snippets - 生成 Vue 代码片段 (opens new window)

Git 插件

• Git Graph - Git 提交记录图表可视化界面 (opens new window)
• 码云（Gitee）常用功能 - 快速打开码云仓库 (opens new window)

插件配置

Dot Log

{
    "dotLog.config":[
        {
            "trigger":"log",
            "description":"quick console.log result",
            "format":"console.log"
        },
        {
            "trigger":"cwa",
            "description":"quick console.warn result",
            "format":"console.warn"
        }
    ]
}

Path Autocomplete

{
    // 导入文件时是否携带文件的拓展名
    "path-autocomplete.extensionOnImport":true,
    // 配置 @ 的路径提示
    "path-autocomplete.pathMappings":{
        "@":"${folder}"
    }
}