语言包：
- Chinese -- VS Code的汉化包
格式化+代码补全：
- ESLint -- Integrates ESLint
- Vetur -- A vue tooling
- Prettier -- Format your JavaScript / TypeScript / CSS
- minapp -- 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
- JS-CSS-HTML Formatter -- This extension wraps js-beautify to format your JS, CSS, HTML, JSON file.
注释高亮+缩进提示：
- indent-rainbow -- 代码缩进颜色块
- Rainbow Brackets -- 高亮括号颜色提示缩进
- TODO Hightlight -- 高亮注释，“TODO:” “FIXME:”
Git工具：
- GitLens -- 超级强大的git工具，不过不能合分支
有趣的插件：
- Power Mode -- 按下键盘，烟花等特效
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 在众多代码编辑器中属轻巧而不失灵活的利器，很多器本身就是就非常值得研究，如果有什么需求需要去寻求扩展，个人建议的做法还是多读文档，多读官方文档，摸清楚清楚你自己手头工具的能力和局限，才能避免在法拉利跑车上安装自行车*的笑话。如果实在要新装*，建议仔细阅读新*的说明书。