vue能顯示原始碼嗎

vue能顯示原始碼，vue查看看原始碼的方法是：1、透過「git clone https://github.com/vuejs/vue.git」取得vue；2、透過「npm i」安裝依賴；3、透過「npm i -g rollup」安裝rollup；4、修改dev腳本；5、調試原始碼即可。

本教學操作環境：Windows10系統、Vue 3版、Dell G3電腦。

vue能顯示原始碼嗎？

能。

Vue查看看原始碼的技巧

建立調試環境

• 取得位址：git clone https://github.com/vuejs/vue.git
• 安裝依賴：npm i
• 安裝rollup：npm i -g rollup(因為是rollup打包的)
• script修改dev腳本加上–sourcemap

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

作用：打包之後dist 下多了map文件，可以和源碼進行很好的映射，方便更好的調試源碼

• 執行dev:npm run dev

調試技巧

• 開啟指定檔案：ctrl p (cmd p)

• 
  

• ##查看呼叫堆疊

  特別想搞清除先後之前的呼叫關係，有時候進入過深就蒙圈了，就好好研究call stack，能給你一個很好的思路

定位原始檔所在位置

############ 掌握了以上，看的次數多了後，源碼的執行就很清晰的在腦海中了。 ######推薦學習：《###vue影片教學###》######

以上是vue能顯示原始碼嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！