Vscode開發工具怎麼少得了這款插件（妹子開心了）

前言

最近使用了Vscode編輯器寫Vue前端代碼，發現很坑，不少東西都不會提示，並且超級難找，因此這裏記錄一下小編的初使用過程當中遇到的坑。

---

1、Vue VSCode Snippets插件安裝

這裏小編第一次安裝完成以後，發現他的一些命令根本不生效，我重啓了Vscode仍是沒啥反應，解決方式：

查看底部的狀態欄當前的語法格式：

若是是html點擊彈框以後選擇vue的語法配置。

這樣就有效果了，下面就來使用這個插件的功能。

2、使用步驟

1.生成vue基本模板代碼

首先用vscode新建一個.vue的文件後，竟然是空白的，我靠，頓時我啥了，以前用webstorm用的多了，突然不習慣。

上面咱們已經安裝配置好了插件，咱們就可使用插件命令生成咱們vue的基礎模板。

vbase
複製代碼

輸入vbase回車，就會幫咱們生成基礎模板。

2.自定義模板

好比這個時候你想生成一些註釋，和咱們java類同樣，基本的描述信息，建立時間，那怎麼作呢？咱們已經安裝好了這個插件，咱們只須要修改裏面的配置便可。

首先找到這個jso文件：C:\Users\DT開發者.vscode\extensions\sdras.vue-vscode-snippets-2.2.0\snippets 通常默認安裝了插件以後都會在這個位置能找到。

打開vue.json加入咱們本身的配置，保存而後重啓Vscode。

3.經常使用快捷鍵

好比：

vdata
複製代碼

如下是全部快捷鍵的使用：

詳細可看官網：github.com/sdras/vue-v…

總結

使用上對的工具，好的工具可以爲咱們開發帶來很高的效率，避免重複CV，效率高不高全靠工具使用的好很差。