VS Code常用插件

头像
dragonishare
    阅读 3 分钟

    在平时开发中，VS Code几乎成了主力开发工具，这里分享一下个人觉得比较好用的一些插件。

    VS Code常用插件

    1.Auto Close Tag

    自动闭合HTML/XML标签
    image.png

    2.Auto Rename Tag

    自动重命名配对的HTML/XML标签
    image.png

    3.Bracket Pair Colorizer

    给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色
    image.png

    4.Color Highlight

    颜色高亮
    image.png

    5.CSS Peek

    image.png

    6.EditorConfig for VS Code

    此插件以项目中的.editorconfig配置文件（覆盖掉编辑器用户、工作区配置）为依据，对代码进行格式化（通常是缩进、编码、换行符的配置）
    image.png

    7.ESLint

    image.png

    8.Git Blame

    在状态栏显示当前行的git信息
    image.png

    9.Git History

    查看git log
    image.png

    10.GitLens

    显示文件最近的commit和作者，显示当前行commit信息
    image.png

    11.Live Server

    在VS Code中启动一个本地服务器，并且能监听文件变化，然后自动刷新网页
    image.png

    12.Markdown Preview Enhanced

    image.png

    13.Material Icon Theme

    image.png

    14.Material Theme

    image.png

    15.npm Intellisense

    image.png

    16.Path Intellisense

    自动提示文件路径，支持各种快速引入文件
    image.png

    17.Prettier - Code formatter

    image.png

    18.Sublime Text Keymap and Settings Importer

    image.png

    19.Tabnine Autocomplete AI: JavaScript, Python, TypeScript, PHP, Go, Java, Ruby, C/C++, HTML/CSS, C#, Rust, SQL, Bash, Kotlin, React

    image.png

    19.Text Marker (Highlighter)

    image.png

    20.Vetur

    image.png

    21.open in browser

    image.png

    其他

    Community Material Theme

    image.png

    Microsoftvue.jsvisual-studio-code
    dragonishare
    157 声望3 粉丝
    « 上一篇
    video.js 禁用单击暂停
    下一篇 »
    Node之nrm安装使用

    引用和评论

    推荐阅读
    头像
    git commit 规范

    dragonishare阅读 1.5k

    头像
    开发插件集合

    寒青赞 11阅读 2.9k

    头像
    Vue.js-方法与事件

    寒青赞 6阅读 3k

    头像
    Vue 项目推荐使用这个图标库 vue-icons-plus

    破晓L赞 4阅读 1.8k评论 3

    头像
    VS Code 代码片段指南: 从基础到高级技巧

    Immerse赞 4阅读 2.2k

    头像
    这个前端神器，竟让滴滴、美团都爱不释手？！

    白水赞 4阅读 304评论 1

    头像
    从零开始搭建 Vue3 组件库开发环境

    zxl20070701赞 2阅读 628

    0 条评论
    得票最新