VSCode必备插件!快看过来!

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

同学同学,你是不是也很头疼VSCode不知道安装什么插件啊?尤其是萌新小白,更是一头雾水,那就快来一起看看吧~

1.Chinese:中文(简体中文) 语言包中文插件,必备的

vscode插件,Vue,vscode,插件,前端

2.Error Lens:主要用于代码编辑时错误及警告的提示和展示

vscode插件,Vue,vscode,插件,前端

3.Code Spell Checker:源代码拼写检查器,提示代码中单词拼写错误

vscode插件,Vue,vscode,插件,前端

 4.Auto Close Tag:标签自动闭合html标签
vscode插件,Vue,vscode,插件,前端

 5.auto rename tag:使用该插件,可以在重命名一个 HTML 标签时,自动重命名 HTML 标签的开始和结束标签。避免只修改了开始标签,而忘记修改结束标签。该扩展适用于 HTML、XML、PHP 和 JavaScript。

vscode插件,Vue,vscode,插件,前端

 6.view-in-browser:要想直接在浏览器中看运行的效果

vscode插件,Vue,vscode,插件,前端

 7.Live Server 用服务器的方式来查看html文件,不要用右键插件本地文件的形式,因为那是file文件协议,应该使用http协议

vscode插件,Vue,vscode,插件,前端

8.open in browser:在vscode 中可以右击选中默认的浏览器打开html文件

vscode插件,Vue,vscode,插件,前端

9.ESLint:代码格式校验工具,配合项目中的校验规则,实现保存时格式化代码

vscode插件,Vue,vscode,插件,前端 10.Prettier- Code formatter 对应的格式化的具体的风格
vscode插件,Vue,vscode,插件,前端
11.Path Intellisense 我们在项目里面./ /@/等等路径的选择上,会有自动提示功能

vscode插件,Vue,vscode,插件,前端

 12.any-rule:正则大全
vscode插件,Vue,vscode,插件,前端
13.CSS Peek:一个用于在 Visual Studio Code 中查看 CSS 样式的扩展程序。它可以让开发人员在编辑 HTML 或者其他前端文件时,快速浏览和编辑页面上的 CSS 样式

vscode插件,Vue,vscode,插件,前端

14.Easy LESS:用于实现编写less文件后生成css或者wxss文件

vscode插件,Vue,vscode,插件,前端

15.Git History:在VS code中集成git工具,查看git记录,文件历史记录,比较分支及提交代码等

vscode插件,Vue,vscode,插件,前端

16.Git Graph:类似于SourceTree的可视化版本控制插件,可以更新、提交代码,查看提交记录,审视代码

vscode插件,Vue,vscode,插件,前端

 17.GitLens - Git supercharged:便于查看每行代码的提交记录,包括提交人、提交时间等

vscode插件,Vue,vscode,插件,前端

18.Highlight Matching Tag:突出显示匹配的标签

vscode插件,Vue,vscode,插件,前端

 19.Batch Rename 批量更改文件名

vscode插件,Vue,vscode,插件,前端

20.CSS Peek:允许查看css,并从HTML文件定位到css文件,文件定义跳转

vscode插件,Vue,vscode,插件,前端

 21.Coding Tracker :代码截图工具,检查在vscode里面书写代码的时间长度 ctrl+shift+p 打开个输入框,输入 tracker 点击就可以了

vscode插件,Vue,vscode,插件,前端

 22.Vetur :开发vue2项目必须安装,但是要禁用vue3的插件

vscode插件,Vue,vscode,插件,前端

 23.Volar,这个是语法高亮,安装成功以后记得禁用vue2的vetur,有冲突

vscode插件,Vue,vscode,插件,前端

 24.vue-snippets:可以直接使用vfor-arr并且写的时候还有提示,方便快速查看和使用

1.支持快速定义vue的模板:使用vbase可以快速生成一下代码

2.支持模板语法:使用vfor-arr可以快速生成for循环的代码

3.支持vue script语法,使用vref可以快速生成如下代码

4.支持vue-router相关代码,比如使用vrouter-beforeRouteEnter指令可以快速生成如下代码 

5.支持vuex相关代码,使用vuexbase-type可以快速生成vuex的配置模板并且还带typescript

vscode插件,Vue,vscode,插件,前端

25.background:很漂亮的背景图片,有三种萌妹陪着你敲代码哦

但是这个插件有个缺点,安装成功以后,每次打开vscode都会提示code似乎有损坏,这个提示忽视就好,无伤大雅。

vscode插件,Vue,vscode,插件,前端

 26.vscode-icons:设置文件图标主题样式

vscode插件,Vue,vscode,插件,前端

27.Material Icon Theme:更换主题的插件

vscode插件,Vue,vscode,插件,前端

28.Bracket Pair Colorizer:用于着色匹配括号,让你的代码分层更清晰,因为太好用,现在已经被官方收录,在扩展程序中搜索跳转到设置,打开就行

vscode插件,Vue,vscode,插件,前端

vscode插件,Vue,vscode,插件,前端 

 

大家还有什么好用的插件,欢迎补充哦~文章来源地址https://www.toymoban.com/news/detail-713855.html

到了这里,关于VSCode必备插件!快看过来!的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 前端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日
    浏览(64)
  • VSCode前端必备插件2022版(持续更新)

    VSCode作为我们前端主流的开发工具,优势自然在于它的扩展插件,可以有效地提高开发效率和团队协作,本文提高的都是UP主亲测,最底下贴入我的vscode设置,如果有发现不错的插件,小伙伴们也可以私信UP主,觉得UP主推荐的不错的小伙伴们,请多多支持!话不多说直接上。

    2023年04月26日
    浏览(42)
  • VScode开发Vue必备插件及配置

    最佳的工具和插件配最佳的程序员~ Visual Studio代码设置同步 配合github账号 让你在全新电脑上打开全新VScode能把最佳插件和配置下载下来以及随时维护更新! 主要操作: 1、Upload Your Settings --上传 Press Shift + Alt + U (macOS: Shift + Option + U) 2、Download your Settings --下载 Press Shift + Alt + D

    2023年04月08日
    浏览(49)
  • 分享 Vue3 开发必备的 VSCode 插件

    分享 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用 1. Volar  🔥 下载数 153 万+ 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。 而随着 Vu

    2024年02月13日
    浏览(40)
  • VSCode开发 Vue3 建议必备的插件

    在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时,有一些插件可以提高开发效率、代码质量和工作流程。以下是一些常用的插件,它们可以被视为 Vue 3 开发的必备插件:  提供 Vue 文件的语法高亮。 支持 Vue 文件的智能感知和自动完成。 提供了 Vue 文件的格式化工具。 Vetur 插件

    2024年02月04日
    浏览(45)
  • 【必备】用VSCode开发Vue程序必备插件之一Vue Language Features (Volar)

    通过安装该插件 才能通过赚到编辑器中的符号 Vue Language Features 是为 Vue、Vitepress 和 petite-vue 构建的语言支持扩展。这是基于@vue/reactivity按需计算一切,实现原生 TypeScript 语言服务级别性能。 [温馨提示] 创建 vue 维特斯 娇小的 vue3-eslint-stylelint-demo(Volar + ESLint + stylelint + husk

    2024年02月05日
    浏览(41)
  • 分享六个 Vue3 开发必备的 VSCode 插件

    今天分享 6 个 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用。 1. Volar 🔥 下载数 153 万+ 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。

    2024年02月05日
    浏览(42)
  • Vue3 + Vite + Ts 开发必备的 VSCode 插件

    Vetur:Vue 语法高亮和语法检查插件。 Vue Peek:快速定位 Vue 组件和模板。 Vue 3 Snippets:快速生成 Vue3 相关代码的代码片段。 Vue VSCode Extension Pack:包含了一系列优秀的 Vue 相关插件,如 Vetur、Vue Peek、ESLint 等。 Vite:Vue 官方提供的快速开发工具,可以快速构建和启动项目,同时

    2024年02月05日
    浏览(72)
  • 【开发必备】推荐几个非常好用的前端VsCode插件,快来看看你都用过哪些?

    VSCode是前端开发的武器,下面给大家推荐几个必备的、非常好用的前端VsCode插件 Better Align就是一款能够实现代码规范的工具,它主要用于代码的上下对齐。它能够用冒号(:)、赋值(=,+,-=,*=,/=)和箭头(=)对齐代码。 它的主要功能是为代码中的括号或者其他符号配

    2024年02月10日
    浏览(44)
  • ubuntu18.04 vscode 安装 vue.volar Vue Language Features (Volar) , vue3 必备插件

    直接在vscode 里面下载老是失败,不是网络问题,而是vue.volar插件配置的vscode版本与vscode版本不一致导致出现安装失败 https://marketplace.visualstudio.com/ 官网搜索 vue.volar 然后打开 Vue Language Features (Volar) 点击 Download Extension 下载最新版本插件 我这里分享了自己下载的Vue.volar-1.8.25.

    2024年03月11日
    浏览(44)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包