使用 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 目录下。

参考资料

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

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 12
(= ̄ω ̄=)··· 暂无内容!

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