0


VSCode代码颜色设置与常用插件

一、VSCode代码颜色设置

  1. 在VSCode插件市场搜索 Vetur 并安装

  1. 打开 VSCode 管理 --> 设置;或者 文件 --> 首选项 --> 设置;或者快捷键 ctrl + , 。

  2. 打开设置后,搜索 vetur ,扩展 --> vetur ,找到 “ 在 settings.json 中编辑 ”,点击打开 settings.json 文件,可复制以下代码进行替换。

  1. {
  2. "editor.suggestSelection": "first",
  3. "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  4. "editor.codeActionsOnSave": {
  5. "source.fixAll.eslint": true
  6. },
  7. "eslint.codeAction.showDocumentation": {
  8. "enable": true
  9. },
  10. "editor.tabSize": 2,
  11. "[vue]": {
  12. "editor.defaultFormatter": "octref.vetur"
  13. },
  14. "[javascript]": {
  15. "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
  16. },
  17. "editor.autoClosingBrackets": "always",
  18. "editor.wordWrap": "on",
  19. "security.workspace.trust.untrustedFiles": "open",
  20. "files.associations": {
  21. "*.cjson": "jsonc",
  22. "*.wxss": "css",
  23. "*.wxs": "javascript"
  24. },
  25. "emmet.includeLanguages": {
  26. "wxml": "html"
  27. },
  28. "minapp-vscode.disableAutoConfig": true,
  29. "eslint.format.enable": true
  30. }

二、常用插件

以下是我开发中有用到的插件,分享给大家做个参考。

标签: vscode 编辑器 前端

本文转载自: https://blog.csdn.net/emmmmm__/article/details/127233826
版权归原作者 梨花不负韶 所有, 如有侵权,请联系我们删除。

“VSCode代码颜色设置与常用插件”的评论:

还没有评论