vscode常用插件以及配置

本文介绍了VSCode的常用插件,包括自动闭合标签、中文支持、代码片段补全、路径补全、代码格式化工具Prettier、TSLint、Vetur、eslint、HTML Snippets以及图标和主题设置。还分享了如何配置VSCode以优化Vue文件的JS格式化,并提供了ESLint规则和字体、主题等个性化设置。
摘要由CSDN通过智能技术生成

vscode常用插件以及配置

  1. auto close tag 自动闭合标签

  2. Chinese (Simplified) Language vvscode中文插件

  3. JavaScript (ES6) code snippets es6代码片段自动补全

  4. open in browser

  5. Path Intellisense 路径补全

  6. Prettier - Code formatter 代码格式化工具

  7. TSLint

  8. Vetur vue的代码格式化超亮, Vue 2 Snippets, Vue VSCode Snippets

  9. eslint

  10. HTML Snippets html代码提示自动填充

  11. Material Icon Theme 图标主题 可以显示项目的图标

  12. Material Theme 背景颜色 ctrl+shift+p,设置背景主题颜色或是文件颜色,自己更改喜欢的颜色

  13. 常见配置

    1. 窗口缩放级别 和 字体大小

    2. 字体配置

      1. 英文是Consolas,中文字体是微软雅黑,monospace是 等宽字符
        • “editor.fontFamily”: “Consolas, ‘Microsoft YaHei’, monospace”,
    3. 主题

    4. 配置文件关联

      对于不常用的文件我们采用什么对应的语言处理高亮提升等功能
      "files.associations"
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode是一款功能强大的编辑器,它支持使用插件来扩展和定制功能。以下是一些常用VSCode插件: 1. Prettier:这是一个代码格式化插件,可使您的代码整齐统一,提高可读性。 2. ESLint:这是一个JavaScript代码检查工具,它可以帮助您捕获潜在的错误和优化代码。 3. GitLens:这个插件为您的代码提供了Git集成,您可以轻松地查看代码的历史记录、作者信息和更多详细信息。 4. Code Runner:这个插件可以直接在VSCode中运行您的代码。它支持多种编程语言,为您提供了方便的代码运行环境。 5. Live Server:这个插件可以帮助您在本地创建一个简单的本地服务器,并自动刷新您的网页内容。这对于前端开发和调试非常有用。 6. Bracket Pair Colorizer:这个插件可以为您的代码中的括号添加不同的颜色,使您更容易地识别和匹配括号。 7. Path Intellisense:这个插件可以为您的代码中的文件路径和导入提供智能提示和自动补全。它可以大大提高您的开发效率。 8. Docker:这个插件可以与Docker集成,帮助您管理和操作容器和镜像。 9. IntelliSense for CSS class names:这个插件为您的HTML和CSS代码提供智能提示和自动补全。它可以更快地编写和编辑CSS类名。 10. Remote - SSH:这个插件可以帮助您通过SSH远程连接到其他机器,并在VSCode中进行编辑和调试。 以上是一些常用VSCode插件,您可以根据自己的需求选择适合您的插件来提高开发效率和代码质量。 至于.vscode文件压缩包,它是包含了VSCode工作区配置的压缩文件。VSCode的工作区配置包括项目的设置、调试配置、启动任务和其他自定义配置。您可以将.vscode文件夹压缩成一个.zip或者.tar.gz文件,并与您的项目一起分享或备份。当您或其他人解压缩并在VSCode中打开这个压缩包时,VSCode会自动加载工作区配置,并应用于项目。这方便了项目的共享和团队协作,使得项目的配置能够一致和统一。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值