[前端]VSCode 开发常用插件合集

1.汉化插件 : Chinese (Simplified) (简体中文)

2.通过vsCode打开html文件 : open in browser

参考链接:https://blog.csdn.net/2301_76607306/article/details/134997717

3.在vsCode中查看和编辑Excel类型的文件:

Excel Viewer

4.在vsCode中查看md类型文件:

Markdown Preview Enhanced

5.偏好于IDEA的快捷键设置 适合以往使用IDEA开发的coder:

IntelliJ IDEA Keybindings

6.更好的文件图标:vscode-icons

7.支持.vue的语法高亮: Vue Language Features (Volar)

如果没有此插件 那么打开.vue文件 所有代码将会是灰暗的 而非高亮的

8.

让当前vue项目遵循eslint语法规范,并提供自动修正不规范代码的功能(ESLint)

使用该插件时,最好能在vscode设置中开启2个设置 如下 这样的话该插件使用体验更好

   

//保存代码时,让ESLint自动修复代码不规范
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },

    // 保存代码时,不自动格式化
    "editor.formatOnSave": false

9.

快速格式化xml文件,让xml格式变得规范

注意了哈: 每次格式化时,需要通过vscode的代码格式化快捷键触发,在我安装了"5"的插件后,我只需要点击Ctrl+ shift + L 即可快速格式化xml文件,如果你没有安装"5"插件,那么你需要百度一下vsCode默认的格式化代码的快捷键是什么

持续更新

END