VS Code 插件

简介: VS Code 插件

前言


参考 完整卸载 Mac 上面的 VS Code


正文


插件


  1. Auto Close Tag
  2. Auto Rename Tag
  3. Image preview
  4. Chinese (Simplified) Language Pack for Visual Studio Code
  5. Code Spell Checker
  6. File Peek
  7. Highlight Matching Tag
  8. HTML CSS Support
  9. HTML Snippets
  10. Import Cost
  11. JavaScript (ES6) code snippets
  12. jQuery Code Snippets
  13. JS-CSS-HTML Formatter
  14. Markdown Preview Enhanced
  15. SCSS Formatter
  16. Vetur
  17. vscode-icons-mac
  18. vue-beautify
  19. VueHelper
  20. open in browser


次要插件


  1. Polacode-2019  生成美观的代码片段截图


主题


  1. 颜色主题 Light (Visual Studio)
  2. 文件主题图标 VSCode Icons Mac


旧配置 settings.json


Settings File Locations

Depending on your platform, the user settings file is located here:

Windows: %APPDATA%\Code\User\settings.json

Mac: $HOME/Library/Application Support/Code/User/settings.json

Linux: $HOME/.config/Code/User/settings.json

{
    "gitlens.advanced.messages": {
        "suppressShowKeyBindingsNotice": true
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx"
    },
    "editor.minimap.enabled": false, // 控制是否显示缩略图
    "window.zoomLevel": 0,
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.acss": "css",
        "*.axml": "html",
        "*.postcss": "scss"
    },
    "emmet.includeLanguages": {
        "wxml": "html"
    },
    "minapp-vscode.disableAutoConfig": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "terminal.integrated.rendererType": "dom",
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "workbench.iconTheme": "vscode-icons-mac",
    "[vue]": {},
    "[css]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "[scss]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "search.followSymlinks": false,
    "vsicons.dontShowNewVersionMessage": true,
    "workbench.colorTheme": "Visual Studio Light",
    "explorer.confirmDelete": false,
    "gitlens.gitCommands.closeOnFocusOut": true,
    "[json]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    }
}


目录
相关文章
|
3月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
228 1
|
27天前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
227 3
|
30天前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
63 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
3月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
133 5
vscode10大常用插件
|
2月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中,使用Visual Studio Code(VS Code)结合AI插件能显著提升效率。VS Code提供强大的编辑功能,如语法高亮、自动补全和代码格式化;便捷的调试功能,支持多种调试器;以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误,还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server,可根据需求选择合适的工具组合,提高开发效率和代码质量。
123 2
|
3月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
3月前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
3月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
168 0
|
3月前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
225 0
|
4月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
278 3