-
vetur
vue专属插件，有vue代码高亮，智能提示，格式化等功能
-
Auto Rename Tag
标签元素修改名称，闭合标签跟着改变
-
prettier - code formatter
代码格式化
按下command + ，打开vscode设置
Text Editor >Formatting >Format On Save勾选上，代码保存就会自动格式化
-
Vue 3 snippets
vue2 和 vue3 的智能提示快捷键 有很多快捷操作，可查看插件文档
如：输入vueinit 可快速生成vue模版
<template lang="">
<div>
</div>
</template>
<script>
export default {
}
</script>
<style lang="">
</style>
输入 data 可生成data结构
data() {
return {
}
},
-
javascript console utils
一键快速console.log() 快捷键 command + shift + L
this.name = res.results.name;
当选中变量时,如上代码选中this.name，使用快捷键，则自动生成
console.log('name: ', this.name)
若不选择内容，使用快捷键，则生成console.log();
取消全部console 快捷键 command + shift + D
-
vue-help
跳转到函数定义 按下command 并点击函数或变量
右键Go To Definition
-
GitLens——Git supercharged
git 代码变更查看
