環境:
Google Chrome V72.0.3626.109
vue-dev V 2.6.10
1. 在vue-dev的package.json文件如下位置加 --sourcemap, 用於生成.map文件
"scripts": { "dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev --sourcemap",
2. 執行npm run dev, 這一步 將在dist目錄下生成vue.js和vue.js.map兩個文件
3. 將dist目錄和src目錄拷貝到引用vue.js的網頁的位置, 比如下例中index.html即是要訪問的文件(如果index.html訪問的是vue.min.js,記得改為vue.js)
4. 為該目錄設置網站環境,設置完之后通過網址訪問index.html, 如 : http://localhost/vue/commits/index.html
5. 壓F12,打開調試工具,發現src文件夾,即可調試vue-dev源碼