用VueJS+webpack+semantic-UI+Laravel开发单页应用
Jun 23, 2016 pm 01:09 PM
**实验性项目**https://github.com/zgldh/vuejs-laravel结合当前最酷的几样玩意儿,制作单页面Web APP。# vuejs-laravelVueJS + webpack + semantic-UI + Laravel- 前后分离的快速开发框架。 - 自带 Laravel 基础的账号系统。- 前端单页面Web应用- Webpack 构建前段页面- 使用 babel 来支持 ECMAScript6- 使用 Vue 的单文件组件- 使用 `http-proxy` 来解决前后端在开发模式下的Cookie问题。## 安装1. 克隆代码2. 安装后台 ``` cd backend composer install // https://laravel.com/docs/5.2 php artisan key:generate php artisan migrate ```3. 配置Web服务器,需要支持 PHP5.6 以上。 例如域名为 `vuejs-laravel`。服务器 root 配置到项目的`public`目录下。(**千万注意不是`backend/public`**)4. 安装前台 ``` cd frontend npm install ```5. 配置前台后台代理。打开 `frontend/build/dev-server.js`, 修改变量 `devBackendDomain` 为第三步的域名。6. 完毕## 开发``` cd frontend npm run dev```然后访问 http://localhost:8080 ``` frontend/src ``` 目录包含了前端代码。代码改动能实时反映在浏览器里,我百思不得其解。``` backend ``` 目录里面就是典型的Laravel后端代码## 发布``` cd frontend npm run build```然后编译过的前端代码就出现在 ``` public ``` 目录下。访问你本地的Web服务器即可浏览。### 参考资料- Laravel: [http://www.laravel.com](http://www.laravel.com)- VueJS: [http://www.vuejs.org](http://www.vuejs.org)- Webpack: [http://webpack.github.io](http://webpack.github.io)- Semantic-UI: [http://semantic-ui.cn](http://semantic-ui.cn)待续
Salin selepas log masuk
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Panas
Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?
3 minggu yang lalu
By DDD
Repo: Cara menghidupkan semula rakan sepasukan
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌

Alat panas Tag

Artikel Panas
Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?
3 minggu yang lalu
By DDD
Repo: Cara menghidupkan semula rakan sepasukan
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

11 skrip pemendek URL terbaik PHP (percuma dan premium)

Bekerja dengan Data Sesi Flash di Laravel

Respons HTTP yang dipermudahkan dalam ujian Laravel

Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React

Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST

12 skrip sembang php terbaik di codecanyon
