Use VueJS + webpack + semantic-UI + Laravel to develop a single-page application
** Experimental project ** https://github.com/zgldh/vuejs-laravel Create a single-page Web APP based on the currently coolest things. # Vuejs-laravelVueJS + webpack + semantic-UI + Laravel-fast development framework for frontend and backend separation. -Built-in Laravel-based account system. -Front-end single-page Web application-Webpack build front-end pages-use babel to support ECMAScript6-use the single-file component of Vue-use 'http-proxy' to solve the Cookie in the development mode of front-end and back-end problem. # Install 1. Clone the code 2. install the background "cd backend composer install // https://laravel.com/docs/5.2 Php artisan key: generate php artisan migrate "3. configure the Web server and support PHP5.6 or above. For example, the domain name is 'vuejs-laravel '. Configure the server root to the 'public' Directory of the project. (** Do not pay attention to 'backend/public' **) 4. install "cd frontend npm install" on the foreground. 5. configure the foreground background proxy. Open 'frontend/build/dev-server.js 'and change the variable 'devbackenddomain' to the domain name in step 3. 6. Complete # develop "cd frontend npm run dev" and access http://localhost:8080 The "frontend/src" directory contains the front-end code. Code changes can be reflected in the browser in real time, so I have to think about them. The "backend" directory contains the typical Laravel back-end code # release "cd frontend npm run build" and the compiled front-end code appears in the "public" directory. Access your local Web server to browse. ### References-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 ) To be continued