本地調試vue源碼

vue源碼從git clone到本地

git cone https://github.com/vuejs/vue.git

源碼方:

package.json中scripts dev中追加參數  --sourcemap

"scripts": {
    "dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev --sourcemap",
    // 其他
}

啓動npm run dev,開着不用管

調用方:

根目錄examples文件夾下要使用的html中,要引入的vue.min.js改爲

<script src="../../dist/vue.js"></script>

起一個服務打開該html(我本地下載了vscode插件Live Server,對html文件點擊右鍵選中Open With Live Server即可,服務啓動後會自動打開瀏覽器頁面)

f12 - Sources - 左側Page下有個src文件夾,對src/core/index.js開始進行調試

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章