VS Code编辑器插件整理及配置设定

　　语言包：

1. Chinese -- VS Code的汉化包

　　主题：

1. Material Theme Icons -- 修改文件图标的插件。
2. VSCode Great Icons -- 另一个修改文件图标的插件。

　　格式化+代码补全：

1. ESLint -- Integrates ESLint
2. Vetur -- A vue tooling
3. Prettier -- Format your JavaScript / TypeScript / CSS
4. minapp -- 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
5. JS-CSS-HTML Formatter -- This extension wraps js-beautify to format your JS, CSS, HTML, JSON file.
6. Auto Rename Tag -- 自动修改标签名，重命名一个开始标签时，自动重命名配对的结束标签。
7. vetur / volar -- volar 是跟 vue3 更配的，功能也能多。

　　注释高亮+缩进提示：

1. indent-rainbow -- 代码缩进颜色块
2. Rainbow Brackets -- 高亮括号颜色提示缩进
3. Highlight Matching Tag -- 配对的标签就会出现下划线来指示你谁和谁是一对。
4. TODO Hightlight -- 高亮注释，“TODO:” “FIXME:”
5. Better Comments -- 可以根据不同种类的注释，显示不同的颜色，一目了然。
6. javascript console utils -- 按 ctrl + shift + L 就可以生成了。
7. Turbo Console Log -- 可以添加自己喜欢的 emoji 表情，快捷键 ctrl + alt + L。

　　Git工具：

1. GitLens -- 超级强大的git工具
2. Git Commit With Emoji Icon -- 提交代码前的emoji标记

　　插件：

1. Markdown Preview Enhanced -- Markdown语法预览。
2. open in browser -- 在浏览器中打开 html 文件。
3. Postcode -- 在 vscode 里面使用 postman 。

　　AI：

1. Cody -- 了解您整个代码库的人工智能。
2. 通义灵码 -- 阿里云出品的一款基于通义大模型的智能编码辅助工具。

　　有趣的插件：

1. Power Mode -- 按下键盘，烟花等特效。
2. Windows opacity -- 窗口添加透明度，摸鱼专用。
3. 小霸王 -- 游戏有风险，摸鱼需谨慎！
4. Emoji -- 在代码中按 f1（windows） 添加 emoji 表情。

　　setting.json配置：

{
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript"
    },
    "emmet.includeLanguages": {
        "wxml": "html"
    },
    "minapp-vscode.disableAutoConfig": true,
    "editor.tabSize": 2,
    "git.confirmSync": false,
    "git.autofetch": true,
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
    "eslint.autoFixOnSave": true,
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "prettier.eslintIntegration": true,
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_line_length": 120,
            "wrap_attributes": "auto",
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
    "editor.wrappingIndent": "none",
    "editor.fontSize": 12,
    "markdown.preview.fontSize": 12,
    "terminal.integrated.fontSize": 12,
    "window.zoomLevel": 0
}

　　写在最后：

　　古有语“工欲善其事必先利其器”，VSCode 在众多代码编辑器中属轻巧而不失灵活的利器，很多器本身就是就非常值得研究，如果有什么需求需要去寻求扩展，个人建议的做法还是多读文档，多读官方文档，摸清楚清楚你自己手头工具的能力和局限，才能避免在法拉利跑车上安装自行车轮子的笑话。如果实在要新装轮子，建议仔细阅读新轮子的说明书。