使用vue cli構建的專案如何除錯?如何與服務端結合?

時間 2021-06-06 19:32:36

1樓:王佳欣

從兩方面說起:

(1)斷點除錯,我想每個開發者對斷點除錯都是有需求的。

因為vue-cli 採用的是webpack進行構建的,所以如果要進行斷點除錯的話,請設定devtool為source-map。

具體做法是:到/build目錄下的webpack.dev.config.js 搜尋devtool,將其設定為source-map

配置截圖如下:

完成配置後,跑node服務npm run dev ,然後就可以在chrome瀏覽器中進入開發者模式。搜尋具體的vue元件進行斷點除錯。除錯效果如下:

(2)vue狀態管理除錯,vue-devtool

這是乙個類似react中redux-devtools的工具,安裝此工具後,可以看到整個應用的state的值,方便對應用的狀態進行除錯。

具體做法是:到chrome應用商店,

進行安裝chrome擴充套件工具。安裝完成後重啟chrome,然後進入chrome的除錯狀態,就可以看到多了個除錯tab。效果如下

大概就這兩種除錯方式吧!

如何構建最好的投資組合

鄧恩誠 最基礎的風險度量是以單個資產的實際收益率和資產的期望收益率之間的偏離程度進行計算,這計算就是收益率的標註差 standard deviation 但當我們計算投組合的風險時,因為不同資產之間有一定的關聯性,所以不能單純的進行加權平均。這時候我們需要引入協方差和相關係數這兩個因子進行風險計算。...

如何構建自己的學習系統?

神經病學生 首先,你需要乙個有一定量的知識材料的收集機制 再次,你需要乙個強大的知識處理機制,我的處理機制在各學科的資料夾中有所體現,起原則大約是 乙個強大的 不是複雜的,或者簡單的就強大,而是對於自己,能吃掉,或者說能合併掉個體面對的知識理解困境 思維模型,構建出來。經典的,就是混沌 一 陰陽 二...

如何禁止自己的開源專案的衍生品使用GPL like(LGPL除外)協議?

楊個毛 直接寫個新協議就好了。避免漏洞的話請找個律師。不過,這裡有個微妙的矛盾。你恨GPL的原因是它的傳染性,但是你阻止你自己的專案衍生品使用GPL like license的唯一辦法顯然也是讓你自己的license帶上傳染性。最終你的目標大概可以實現,但是你能不能做到不恨自己的新license,我...