美文网首页前端开发工具
VSCode 开发 Vue 必备插件及配置

VSCode 开发 Vue 必备插件及配置

作者: 君似云中月w | 来源:发表于2022-09-25 00:12 被阅读0次

    1、Auto Close Tag (自动闭合 html / xml 标签)

    2、Auto Rename Tag (自动完成另一侧标签的同步修改)

    3、Prettier - Code formatter (配合eslint 进行代码自动修复,注意配置自己需要的规范)

    4、Better Comments (注释分类高亮)

    5、Chinese (Simplified) Language Pack for Visual Studio Code (中文简体语言包)

    6、Guides (代码的标签对齐线)

    7、Highlight Matching Tag (高亮显示对应的HTML标签以及标识出对应的各种括号)

    8、HTML Boilerplate (新文件如果是html,可以输入html,会提示设置好的html模板)

    9、Path Intellisense (路径自动补全,比如引入一个写好的js文件,html,css都会提示)

    10、One Dark Pro / One Monokai Theme (配一个不伤眼的主题色,可以多撸代码好几年!)


    11、Power Mode (酷炫的敲击代码效果,让你欲罢不能,我选了敲击时屏幕不抖,给个烟花)

        //是否开启
        "powermode.enabled": true,
        //效果样式  "水花-particles", "烟花-fireworks", "火焰-flames", "雪花-magic", "幽灵-clippy", "激光-simple-rift", "大激光-exploding-rift"
        "powermode.presets": "particles",
        //时间间隔
        "powermode.combo.timeout": 5,
        //是否抖动
        "powermode.shake.enabled": false
    

    12、JavaScript (ES6) code snippets ( es6 语法缩写,常用比如fre => forEach, fof => for of,nfn => const xxx = (params) => {})

    13、JavaScript Booster (大神都在用,js写法优化提示,写的不够好,或有其它写法,有灯泡提示)

    14、Live Server (和open in browser 的区别就是会起服务,出一个ip+端口的链接 )

    15、Git History (查看git日志以及图表和详细信息)

    16、ESLint (检测代码的语法格式,以便我们规范书写,避免因编译所发生的错误 )

    17、Vetur (Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript)

    18、Vue VSCode Snippets (生成vue代码片段)

    相关文章

      网友评论

        本文标题:VSCode 开发 Vue 必备插件及配置

        本文链接:https://www.haomeiwen.com/subject/jogewrtx.html