-
vetur
vue專屬插件渗磅，有vue代碼高亮，智能提示朱沃，格式化等功能
-
Auto Rename Tag
標(biāo)簽元素修改名稱髓霞，閉合標(biāo)簽跟著改變
-
prettier - code formatter
代碼格式化
按下command + ，打開vscode設(shè)置
Text Editor >Formatting >Format On Save勾選上瘦锹，代碼保存就會(huì)自動(dòng)格式化
-
Vue 3 snippets
vue2 和 vue3 的智能提示快捷鍵 有很多快捷操作籍嘹，可查看插件文檔
如：輸入vueinit 可快速生成vue模版
<template lang="">
<div>
</div>
</template>
<script>
export default {
}
</script>
<style lang="">
</style>
輸入 data 可生成data結(jié)構(gòu)
data() {
return {
}
},
-
javascript console utils
一鍵快速console.log() 快捷鍵 command + shift + L
this.name = res.results.name;
當(dāng)選中變量時(shí),如上代碼選中this.name闪盔，使用快捷鍵，則自動(dòng)生成
console.log('name: ', this.name)
若不選擇內(nèi)容辱士，使用快捷鍵泪掀，則生成console.log();
取消全部console 快捷鍵 command + shift + D
-
vue-help
跳轉(zhuǎn)到函數(shù)定義 按下command 并點(diǎn)擊函數(shù)或變量
右鍵Go To Definition
-
GitLens——Git supercharged
git 代碼變更查看
