使用 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

然后访问 http://localhost:8080

frontend/src 目录包含了前端代码。 代码改动能实时反映在浏览器里,我百思不得其解。

backend 目录里面就是典型的Laravel后端代码

发布

    cd frontend
    npm run build

然后编译过的前端代码就出现在 public 目录下。

参考资料

感兴趣的一起来搞。我认为这个能提升开发效率。

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 12
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!