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

参考资料

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

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 12
(= ̄ω ̄=)··· 暂无内容!

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