雲橙雨林

終於，把一些要的套件裝完了，再來就是如何將結果顯示出來了，來吧！

1、安裝 browser-sync 套件

npm install browser-sync browser-sync-webpack-plugin --save

這個套件，可以讓你在修改文檔存檔後，瀏覽器立即重整，不必特別在 F5 ，十分方便

確認已裝上

2、套入 browser-sync 套件

在根目錄找到 webpack.mix.js 檔案

3、填入程式碼

mix.browserSync({
    proxy: 'localhost:8000',
    //open: false, // 當執行時是否要開啟瀏覽器
});

4、開啟 cmder (要用兩個tab)

第1個 Tab 執行

php artisan serv

第2個 Tab 執行

npm run watch

然後就會自動開啟瀏覽器

5、把 Laravel 字改成 Hello world

找到 /resources/views/welcome.blade.php 將 Laravel 改成 Hello world

6、看結果

當你改了 Laravel 存檔後，再看 瀏覽器，你應該會發現文字已改

7、完工

上一篇：[CRUD for Laravel & Vue.js] -13- 架設 - npm - vee-validate 套件

下一篇：[CRUD for Laravel & Vue.js] -15- 初始 - vue.js- vue.js測試

[CRUD for Laravel & Vue.js] 文章列表（全）