針對乙個剛上手的專案斷點除錯是不能少的，之前對於vue專案一直使用的是devtools，昨天完成了通過vscode對vue專案的斷點除錯今天記錄一下，
chrome/firefox同理所以只記錄乙個；
準備：官網除錯講解**：
vscode 版本：版本: 1.50.1 (user setup)
需要外掛程式：debugger for chrome
首先點選 run 按鈕，然後會出現 2 處的設定按鈕，點選設定按鈕之後會在專案檔案加下生成乙個 .vscode資料夾並且會產生乙個launch.json檔案，
容也不複雜，想偷懶的話直接將下面**貼上上去即可；
/src",
"breakonload": true,
"webpack:///src/*": "$/*"}}
然後開始除錯，使用命令:npm run dev 然後點選f5或者數字2前面的綠色小三角即可，然後就隨便造了！！！
注意事項：
上面的 url 埠號需要和你專案埠號一致，否則失敗；
vscode除錯vue專案
vscode如何除錯vue專案，通過f5進行斷點除錯，類似與vs進行除錯，vscode需要安裝外掛程式以及配置launch.json檔案。步驟一 1.找到 擴充套件 或者按快捷鍵 ctrl shift x 如下圖，輸入debugger for chrome查詢，並安裝。2.專案裡建立 launch....
vscode下vue安裝除錯
安裝vscode，太簡單不介紹。安裝node.js npm命令 也太簡單不介紹。1 安裝vue npm install g vue cli2 檢視vue是否安裝，執行vue命令 vue3 檢視模板 不檢視可以略過 vue list4 使用webpack新建vue工程 vue init webpack...
VSCode搭建Vue專案
在vscode上搭建乙個vue專案 初學總結。1.假設vscode nodejs等已經安裝好了。2.全域性安裝vue cli，vue cli可以幫助我們快速構建vue專案。安裝命令 npm install g vue cli開啟vscode的終端，調出命令輸入框。點選終端 新建終端，輸入上述命令，回...