使用 VueJS + webpack + semantic-UI + Laravel 来开发单页面 Web App
实验性项目
https://github.com/zgldh/vuejs-laravel
结合当前最酷的几样玩意儿,制作单页面Web APP。
vuejs-laravel
VueJS + webpack + semantic-UI + Laravel
- 前后分离的快速开发框架。
- 自带Laravel基础的账号系统。
- 前端单页面Web应用
- Webpack构建前段页面
- 使用babel来支持ECMAScript6
- 使用Vue的单文件组件
安装
cd backend
composer install
// https://learnku.com/docs/laravel/5.2
cd ../frontend
npm install
npm run dev
// https://github.com/vuejs/vue-loader-example
开发
cd frontend
npm run dev
frontend/src
目录包含了前端代码。 代码改动能实时反映在浏览器里,我百思不得其解。
backend
目录里面就是典型的Laravel后端代码
发布
cd frontend
npm run build
然后编译过的前端代码就出现在 public
目录下。
参考资料
- Laravel: http://www.laravel.com/
- VueJS: http://www.vuejs.org
- Webpack: http://webpack.github.io
- Semantic-UI: http://semantic-ui.cn
感兴趣的一起来搞。我认为这个能提升开发效率。
推荐文章: