VS Code插件之Vue 2 Snippets（Vue2 片段补全工具）

蔚落 2022-06-12 03:50 327阅读 0赞

**一、简介**

此扩展将Vue 2代码片段和语法突出显示添加到Visual Studio代码中。

这个插件基于最新的[Vue官方语法高亮文件][Vue]添加了语法高亮，并且依据Vue 2的API添加了代码片段。

### 支持语言 ###

*  VUE（.vue）
 *  HTML格式（.html）
 *  使用Javascript（.js文件）
 *  打字稿（.TS）
 *  帕格（.pug）

官网地址： [https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets][https_marketplace.visualstudio.com_items_itemName_hollowtree.vue-snippets]

**二、安装**

ext install vue-snippets

**三、使用**

注：安装之后不需要配置，但需要重启，安装之后就可以使用

js提示

![Center][]

**html中的提示和代码补全：**

vif指令

![Center 1][]

![Center 2][]

vfor指令：

![Center 3][]

更多：

[VS Code 列编辑功能说明][VS Code]

[Visual Studio Code插件之Atom One Dark Syntax Theme][Visual Studio Code_Atom One Dark Syntax Theme]

[Visual Studio Code 自定义Snippet配置][Visual Studio Code _Snippet]

[Vue]: https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.tmLanguage
[https_marketplace.visualstudio.com_items_itemName_hollowtree.vue-snippets]: https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets
[Center]: /images/20220612/13ec5a158ff84ccdbe9523765821a525.png
[Center 1]: /images/20220612/85fb0f02fe504d7b94d3e4502297c5b8.png
[Center 2]: /images/20220612/e4c3f9cbbd7149ec8080a3f2b98082fc.png
[Center 3]: /images/20220612/47c4654ee4e34846a0d2d46a1d536367.png
[VS Code]: http://blog.csdn.net/u011127019/article/details/74039598
[Visual Studio Code_Atom One Dark Syntax Theme]: http://blog.csdn.net/u011127019/article/details/53913779
[Visual Studio Code _Snippet]: http://blog.csdn.net/u011127019/article/details/73461831

发表评论取消回复

表情：

评论列表（有 0 条评论，327人围观）

还没有评论，来说两句吧...

相关阅读

相关 VS Code 插件 Live Server

安装插件直接在扩展商店搜索 live server，下面几个服务器均可。安装好后重启 vs code。 live server 插件实现了为本地前端开发，提

布满荆棘的人生/ 2023年07月07日 03:38/ 0 赞/ 80 阅读

相关 VS Code 必备插件

1. Bracket Pair Colorizer ![20200715092623452.png][] 2. Local History ![2020072211

川长思鸟来/ 2023年02月26日 09:26/ 0 赞/ 68 阅读

相关 VS Code--插件--介绍

原文网址：[VS Code--插件--介绍\_IT利刃出鞘的博客-CSDN博客][VS Code--_--_IT_-CSDN] 简介 <table> <tbody>

清疚/ 2022年12月16日 03:57/ 0 赞/ 247 阅读

相关 VS Code Css格式化插件

一、CSS Formatter 搜索：category:formatters css 或者搜索 css formatter 即可找到插件，This extension

超、凢脫俗/ 2022年09月02日 04:13/ 0 赞/ 514 阅读

相关 VS Code插件之Cordova Tools

一、承接 [Apache Cordova开发环境搭建（二）VS Code][Apache Cordova_VS Code]，本文介绍VS Code 插件Cordova Tool

Myth丶恋晨/ 2022年07月14日 15:54/ 0 赞/ 456 阅读

相关 VS Code插件安装位置

一、VS Code插件的安装位置为 C:\Users\ 你的用户名\.vscode\extensions 目前版本是V1.9.0 还不支持自定义修改插件

朱雀/ 2022年07月12日 07:49/ 0 赞/ 571 阅读

相关 VS Code插件之Vue 2 Snippets（Vue2 片段补全工具）

一、简介此扩展将Vue 2代码片段和语法突出显示添加到Visual Studio代码中。这个插件基于最新的[Vue官方语法高亮文件][Vue]添加了语法高亮，并且依据V

蔚落/ 2022年06月12日 03:50/ 0 赞/ 328 阅读

相关 VS Code插件

超越鼓励师写代码不再孤单，有杨超越与你同在。在 VS Code 中连续写代码一小时（时间可配置），会有杨超越提醒你该休息啦~ VSC

╰+哭是因爲堅強的太久メ/ 2022年02月16日 12:43/ 0 赞/ 550 阅读

相关 VS Code 常用插件

久闻vs code比sublime text要好用, 感觉sublime text已经够好用了, 一直懒得换, 今天下载vs code试用了一下, 感觉嗯~ 真香~ 初次使用

超、凢脫俗/ 2022年02月02日 02:57/ 0 赞/ 348 阅读

相关 Vs Code插件整理

1、Auto Close Tag (自动闭合) 2、Auto Rename Tag (自动重命名标签) 3、Bracket Pair Colorizer (括

﹏ヽ暗。殇╰゛Y/ 2022年01月19日 05:59/ 0 赞/ 384 阅读