目前环境
Laravel:5.7资料库:MariaDB说明
所谓的CRUD是指 新增(Create)、读取(Read)、更新(Update)、删除(Delete) 在程式动作中,基本的四个动作。Laravel 是一个开源的PHP框架,它由Taylor Otwell开发,支持MVC模式。Vue.js是一个用于建立使用者介面的开源JavaScript框架,也是一个建立单页面应用的Web应用框架。--- 本文开始 ---
终于,把一些要的套件装完了,再来就是如何将结果显示出来了,来吧!
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、完工
--- 相关连结 ---
上一篇:从头开始用 Laravel 来做CRUD -13- 架设 - npm - vee-validate 套件
下一篇:从头开始用 Laravel 来做CRUD -15- 初始 - vue.js- vue.js测试
--- 同步更新 ---
[CRUD for Laravel & Vue.js] 文章列表 - 在痞客邦
--- 更多的文章 在痞客邦 ----
痞客邦
感谢
感谢各位的观看!
友情连结:钻头-瑜诚
文中如有技术不良或写错的部份,如您愿意指出,我们也很乐意接受您的指正,但请不要恶意攻撃,我们只是为了乐趣而写的文章。