原文鏈接：https://segmentfault.com/a/1190000013392459
按照原文實(shí)際操作了一遍碍粥，有地方需要修改卖氨。
第一步：
第二步：
劃重點(diǎn)：在vue里面笑窜，還需要修改webpack.dev.conf.js文件：
就是把沒有的devtools加上：
devtool: config.dev.devtool,
第三步：
打開dev-server.js文件尔当，找到默認(rèn)打開瀏覽器設(shè)置的地方：把原來的opn(uri)改成下面這個(gè)：?
然后啟動(dòng)node服務(wù)器：npm run dev配喳，成功之后识补，點(diǎn)開【調(diào)試】族淮，按F5，啟動(dòng)成功凭涂。
這里解釋一下祝辣，原文作者是這么配置的：
這樣有一個(gè)問題就是node啟動(dòng)后，會(huì)默認(rèn)打開一個(gè)瀏覽器切油，而調(diào)試的瀏覽器必須由我們手動(dòng)打開蝙斜。瀏覽器調(diào)試的時(shí)候只能打開一個(gè)。這就很麻煩澎胡，還要關(guān)瀏覽器孕荠，還要打開。如果我默認(rèn)瀏覽器是chrome滤馍，那node啟動(dòng)成功默認(rèn)打開的瀏覽器不行岛琼，不能用于debugger。經(jīng)常會(huì)出現(xiàn)下面的問題：
然后我們可以看到dev.server.js文件中的opn巢株。這個(gè)神奇的東西大家可以百度自行了解槐瑞。第一個(gè)參數(shù)是設(shè)置的默認(rèn)打開的域名和端口，第二個(gè)參數(shù)是一個(gè)對(duì)象阁苞，可以設(shè)置默認(rèn)打開的瀏覽器困檩，以及參數(shù)。所以用這個(gè)辦法就可以啦那槽。
這是在Vue全家桶里面悼沿，是上面的配置。node把所有的事都做了骚灸，包括調(diào)用webpack打包糟趾，使用webpack的熱重載插件，作為服務(wù)器發(fā)布前端等等甚牲。
如果我們脫離了vue义郑，自己構(gòu)建應(yīng)用，手動(dòng)用webpack打包丈钙，也是可以的非驮。這時(shí)候我們需要一個(gè)服務(wù)器（因?yàn)閚ode服務(wù)器沒有了），可以放在IS服務(wù)器上發(fā)布雏赦，把launch.js文件里的url改成發(fā)布的網(wǎng)址劫笙，要一致芙扎。webpack打包命令（webpack）。
