vscode: visual studio code
windows版本的安裝就很簡單了，傻瓜式安裝，
之後去快捷鍵：
在當前行中間換行到下一行：ctrl+enter當游標點選到某一行時，預設選中全行，可以直接複製剪下
直接刪除某一行：shift+delete或者ctrl+shift+k
多行游標選擇：alt+滑鼠左鍵
自動生成html結構和meta宣告：首先輸入「!」，然後按tab鍵
標籤自動補全：tab鍵
摺疊所有**：ctrl+k、ctrl+0
跳轉行號：ctrl+g
新增函式注釋：在函式上方輸入「/**」，然後點選enter
格式化：alt+shift+f
注釋：ctrl+/
全部儲存：ctrl+k, 然後只按s乙個鍵
向上移動一行：alt+↑
向下移動一行：alt+↓
向上複製一行：alt+shift+↑
向下複製一行：alt+shift+↓
查詢：ctrl+f
替換：ctrl+h
資料夾中查詢：ctrl+shift+f
vue 元件化開發 除錯工具
vue.component 元件名稱 data必須是乙個函式 template 模板語法 元件中的模板內容必須是單個元素 模板語法 可以是模板字串 var 元件名稱 區域性元件只能在註冊在他的父元件中使用 components 全域性元件中不能巢狀區域性元件 元件名稱 短橫線 my conponen...
vue的除錯工具
上圖蠻有意思。vuejs用了很久了，大部分時候看下報錯資訊，結合vue.js devtools檢視下各個元件的資料其實就可以了，但是有時候還是有必要使用debugger的。話分兩頭，本文主要講兩個東西 vue.js devtools開發工具的使用 使用debugger和sourcemap除錯vue元...
vue 除錯工具 vue devtools
工欲善其事,必先利其器。解壓並進入 vue devtools 目錄下，安裝依賴包 cd vue devtools cnpm install 修改 vue devtools shells chrome manifest.json 檔案，將 persistent 改為 true 這一步不改也沒啥影響 在...