VSCode 安装 Vue 插件(图文讲解) |
您所在的位置:网站首页 › ios键盘映射插件怎么安装 › VSCode 安装 Vue 插件(图文讲解) |
一则或许对你有用的小广告 欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 1v1 提问 / 学习打卡 / 每月赠书活动 目前, 星球 内第2个项目《仿小红书(微服务架构)》正在更新中。第1个项目:全栈前后端分离博客项目2期已经完结,演示地址:http://116.62.199.48/。采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4,手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 288 小节,累计 45w+ 字,讲解图:2012 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 1600+ 小伙伴加入,欢迎点击围观 。 大家好,我是小哈~ 本小节中,我们将在 VSCode 中安装上开发 Vue 3 必备的 2 个插件,以及其他一些可以提升开发效率的插件。 一、Vue - Official 插件(必备)简介:这是一款专用于构建 Vue 的拓展,想要在 VSCode 上开发 Vue 3 应用,这款插件必不可少。 Vue - Official 插件 二、Vue 3 Snippets 插件(必备)简介:HTML 代码自动提示和代码补全插件,提升编码效率。 Vue 3 Snippets 插件 三、别名路径跳转简介:别名路径跳转插件,支持任何项目,可以自由配置映射规则,自由配置可缺省后缀名列表 别名路径跳转 四、Auto Rename Tag简介:当我们修改 HTML/XML 某个节点标签时,能够自动重命名结束标签的命名。 Auto Rename Tag 五、Auto Close Tag简介:自动添加 HTML/XML 结束标签,比如当输入 标签,则自动添加 结尾标签。Auto Close Tag 六、CSS Navigation简介:允许你通过点击 HTML 中的类名,直接跳转至对应的样式代码。 CSS Navigation 七、Path Intellisense简介:当你通过 . 的方式导入某个文件时,可自动提示文件路径。 Path Intellisense 八、Tailwind CSS IntelliSense简介:如果你的项目中使用到 Tailwind CSS 样式库,这款插件显著提升编码效率,如样式自动提示、高亮等。 Tailwind CSS IntelliSense 九、Moonlight 主题插件(可选)简介:原生的 VSCode 主题样式看腻了?不妨安装一下此主题插件,效果图如下: Moonlight 主题插件 十、IntelliJ IDEA Keybindings 插件 (可选)简介:将 VSCode 默认的快捷键变更为 IntellJ IDEA 、Webstorm、PyCharm、PHP Storm 等 IDE 的快捷键。 IntelliJ IDEA Keybindings 插件 如何安装插件?前面的VSCode 安装中文汉化插件 一节中,已经详细演示了如何在 VSCode 中安装想要的插件,不清楚的小伙伴可以跳转前面小节查阅。这里就不重复讲了。 结语本小节中,我们在 VSCode 上安装了用于开发 Vue 3 应用必备的两个插件,后面小节中,我们将通过 VSCode 来学习 Vue 3。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |