[TOC] ### 1. 從GitHub上下載源碼 ~~~ git clone https://github.com/vuejs/vue.git ~~~ ### 2. 修改package.json中的dev命令（window系統） ~~"dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev",~~ "dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev --sourcemap", ### 3. 修改script/config.js ~~~ function genConfig (name) { const opts = builds[name] const config = { input: opts.entry, external: opts.external, plugins: [ flow(), alias(Object.assign({}, aliases, opts.alias)) ].concat(opts.plugins || []), output: { file: opts.dest, format: opts.format, banner: opts.banner, name: opts.moduleName || 'Vue' }, sourceMap: true, // 新添加的代碼 onwarn: (msg, warn) => { if (!/Circular/.test(msg)) { warn(msg) } } ~~~ ### 4. 運行yarn ，yarn dev ### 5. 在demo（自己創建（HTML中使用vue）也可以直接使用例子）中使用生成js文件（dist/vue.js） ~~~ 使用例子要將src換成新生成的 ~~~ ### 6. 斷點調試 ### 7. 注意事項：文件所在目錄必須為英文目錄不能含有中文