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

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 }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsxygz.html