Use VueJS + webpack + semantic-UI + Laravel to develop a single-page application

Source: Internet
Author: User
Tags composer install
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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.