推荐推荐VSCode 上特别好用的上特别好用的 Vue 插件之插件之vetur
Vue自从发布以来就一直受到前端开发人员的热爱,而除了一些本身优秀的特征之外,还有就是丰富的插件和工具的支持和更
新。虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发,但是越来越多优秀的plugins都提供了强大的支持。
比如VSCode下面的Vetur就是这样一款必备的Vue开发工具。下面就开始介绍一下它的一些功能吧
Github仓库:Vetur
官方文档:Vetur文档
语法高亮语法高亮
Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和
TypeScript,完整的支持高亮的语法如下所示:
语法高亮
Snippet
你可以使用一些snippet来编写不同的脚本,比如在script中申明 lang=”ts” 来开发TypeScript
<script lang="ts">
// Use TS snippets here
</script>
Emmet
VSCode本身自带了Emmet,能够通过Tab键对HTML5的代码进行快速开发,不过,VSCode中需要修改Emmet配置才能对
Vue进行支持。打开文件->首选项->设置,就会进入到 settings.json 文件中,在左侧是VSCode默认的配置
在窗口右侧可以进行一系列的配置,在其中添加
"emmet.syntaxProfiles": {
评论0