Vscode 常用的插件
Vetur —— 语法高亮、智能感知、Emmet等
EsLint —— 语法纠错
Auto Close Tag —— 自动闭合HTML/XML标签
Auto Rename Tag —— 自动完成另一侧标签的同步修改
JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
Path Intellisense —— 自动路劲补全
Prettier —— Code formatter
Remote - SSH ——远程SSH登录插件
HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式
Bracket Pair Colorizer —— 彩虹括号,极好的增强coding的体验,便于代码的阅读
Vue VSCode Snippets
安装之后,可以基于很多模板指令去创建模板,例如:
输入 vbase
创建内容如下:
<template>
<div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
setup () {
return {}
}
})
</script>
<style scoped>
</style>
Vue.js Extension Pack —— 懒人的福利
集成了各种vue常用插件的集成包
网友评论