【好物推荐】VScode的常用插件推荐

这篇具有很好参考价值的文章主要介绍了【好物推荐】VScode的常用插件推荐。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、Bracket Pair Colorizer 2

这个插件可以让你更好地看到代码中的括号匹配情况,不同的括号会用不同的颜色来表示。这样可以更方便地找到代码中的错误。

二、ESLint

这个插件可以帮助你在编写 JavaScript 代码时检查语法错误和潜在的问题。
它可以根据你的代码风格和规则来检查代码,并给出相应的提示和建议。

三、GitLens

这个插件可以让你更方便地使用 Git 进行版本控制。
它可以显示每一行代码的最后一次修改时间和作者,
它还可以让你快速查看某一行代码的修改历史。

四、Live Server

这个插件可以让你在本地启动一个 Web 服务器,方便你在浏览器中预览你的网页。
每次修改代码后,它会自动刷新浏览器,让你更方便地查看修改后的效果。

五、EditorConfig插件

5.1 背景说明

当你在一个团队中协作开发时,每个人都有自己的代码风格和偏好。
这可能会导致代码库中的代码风格不一致,使得代码难以阅读和维护。
这时候,EditorConfig 插件就可以帮助你解决这个问题。

5.2 EditorConfig 插件介绍

EditorConfig 插件可以让你在 VS Code 中使用 .editorconfig 文件来统一代码风格。
这个文件可以包含一些规则,比如缩进大小、换行符类型等等。
当你打开一个文件时,EditorConfig 插件会自动读取这个文件,并根据其中的规则来设置编辑器的选项。

5.3 示例 .editorconfig 文件

下面是一个示例 .editorconfig 文件:

# 缩进大小为 4 个空格
[*.js]
indent_style = space
indent_size = 4

# 换行符为 LF
[*]
end_of_line = lf

在这个文件中,我们定义了两个规则。

  • 第一个规则指定了 JavaScript 文件的缩进大小为 4 个空格
  • 第二个规则指定了所有文件的换行符类型为 LF。

当你打开一个 JavaScript 文件时,EditorConfig 插件会自动将缩进大小设置为 4 个空格。
当你打开其他类型的文件时,它会自动将换行符类型设置为 LF。文章来源地址https://www.toymoban.com/news/detail-637903.html

到了这里,关于【好物推荐】VScode的常用插件推荐的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端必备的开发工具推荐——VScode代码编辑器

            VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也

    2024年02月02日
    浏览(24)
  • vscode开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】

    1、当前打开的文件快速在左侧资源树中定位: 其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅 2、打开太多文件的时候,可以关闭 3、设置查看当前类或文件的结构 OUTLINE 相当于idea 查看当前类或接口的结构 Structure 二、查看源码技巧: (1) Ctr+鼠标 点击

    2024年02月10日
    浏览(25)
  • C/C++开发,关闭vscode中的插件git工具

    安装git后,有git配置的路径,vscode会通过git进行检测。关闭vscode中的插件git工具方法如下:

    2024年02月11日
    浏览(23)
  • 前端vscode必备插件推荐

    目录 一、前言 二、工具推荐 1.《Chinese (Simplified) (简体中文) Language》 2.《ESLint》 3.《Git History》 4.vscode-icons  5.Path Intellisense 6.《Vetur》 7.《GitLens — Git supercharged》 8.《Image preview》 9.Debugger for Chrome 10.Prettier 11.AnyRule  13.Vue Language Features (Volar) 14.Vite 15.Code Spell Checker 16.Error Lens

    2023年04月09日
    浏览(22)
  • 前端vscode必备插件(强烈推荐)

    目录 一、前言 二、工具推荐 1.《Chinese (Simplified) (简体中文) Language》 2.《ESLint》 3.《Git History》 4.vscode-icons  5.Path Intellisense 6.《Vetur》 7.《GitLens — Git supercharged》 8.《Image preview》 9.Debugger for Chrome 10.Prettier 11.AnyRule  13.Vue Language Features (Volar) 14.Vite 15.Code Spell Checker 16.Error Lens

    2024年02月06日
    浏览(38)
  • vscode类似GitHub Copilot的插件推荐

    由于GitHub Copilot前段时间学生认证的账号掉了很多,某宝激活也是价格翻了几倍,而却,拿来用一天就掉线,可以试试同类免费的插件哦。 例如:TabNine、CodeGeeX,下载插件后,他会提示你登录,直接登录就好,免费使用,当然也有收费的,类似会员,免费也可以用了。 对于类

    2024年02月06日
    浏览(23)
  • copilot收费高,推荐一款vscode替代插件

    copilot好不好用?废话!非常好用!!但是。。收费太TM贵了。。。 所以!推荐一款类似copilot的vscode插件! 插件的功能是根据你的代码上下文,提供智能的代码补全和生成建议。插件的名字叫做**mainPilot**。可以直接在 vscode插件市场安装 。 插件市场直接搜 mainPilot 。  mainPi

    2024年02月10日
    浏览(22)
  • 推荐VSCode的git插件(MacBook Pro)

    推荐三个vscode比较好用的git插件: git graph: 可以进行版本管理,比如pull、push、修改比较、log、merge git history: 安装之后,右键弹出菜单可以选择看文件的log,这与分支的log是有区别的 还可以查看某一行的history git blame: 可以快速的查看某一行最近的一次修改是谁、什么时候

    2024年02月11日
    浏览(21)
  • 使用vscode远程登录以及本地使用的配置(插件推荐)

    远程ssh添加第三方插件:vscode下链接远程服务器安装插件失败、速度慢等解决方法_vscode远程安装不上扩展_Emphatic的博客-CSDN博客 转到定义,选中代码-鼠标右键-转到定义 或者 F12;逐级退出,快捷键Alt+-(alt+左箭头) MinGW-w64 - for 32 and 64 bit Windows - Browse Files at SourceForge.net ①下

    2024年02月13日
    浏览(15)
  • vsCode实现引入js文件的代码提示插件推荐

    在html文件中,通过src引入独立的js文件时实现代码提示。 如,js文件中定义了一个demo函数,在1.html文件中,引入这个js文件后,在js代码块里面,输入d就会有提示demo函数候选项,太方便了。 插件: Html Embedded Javascript 在vscode插件商店中直接搜索安装,不用配置;

    2024年02月16日
    浏览(21)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包