语言包:
- 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配置:
1 { 2 "files.associations": { 3 "*.cjson": "jsonc", 4 "*.wxss": "css", 5 "*.wxs": "javascript" 6 }, 7 "emmet.includeLanguages": { 8 "wxml": "html" 9 }, 10 "minapp-vscode.disableAutoConfig": true, 11 "editor.tabSize": 2, 12 "git.confirmSync": false, 13 "git.autofetch": true, 14 "terminal.integrated.shell.windows": "C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe", 15 "eslint.autoFixOnSave": true, 16 "vetur.format.defaultFormatter.js": "vscode-typescript", 17 "prettier.eslintIntegration": true, 18 "prettier.semi": false, 19 "prettier.singleQuote": true, 20 "vetur.format.defaultFormatter.html": "js-beautify-html", 21 "vetur.format.defaultFormatterOptions": { 22 "js-beautify-html": { 23 "wrap_line_length": 120, 24 "wrap_attributes": "auto", 25 "end_with_newline": false 26 }, 27 "prettyhtml": { 28 "printWidth": 100, 29 "singleQuote": false, 30 "wrapAttributes": false, 31 "sortAttributes": false 32 } 33 }, 34 "editor.wrappingIndent": "none", 35 "editor.fontSize": 12, 36 "markdown.preview.fontSize": 12, 37 "terminal.integrated.fontSize": 12, 38 "window.zoomLevel": 0 39 }
写在最后:
古有语“工欲善其事必先利其器”,VSCode 在众多代码编辑器中属轻巧而不失灵活的利器,很多器本身就是就非常值得研究,如果有什么需求需要去寻求扩展,个人建议的做法还是多读文档,多读官方文档,摸清楚清楚你自己手头工具的能力和局限,才能避免在法拉利跑车上安装自行车轮子的笑话。如果实在要新装轮子,建议仔细阅读新轮子的说明书。