Vue and Laravel how to start up a project from git 2021

 

Following is required to start Vue 2 Dev Project

npm
Vue CLI
Vue.JS(Vue2)

Start Vue Dev project front end server in development mode

$ git clone https://github.com/vueDevProject.git
$ git checkout Branch
$ cd Branch/VueAdminUI
$ npm install
// Set API URL
$ vim Branch\VueAdminUI\src\setting.js
// const Url = 'BackEndURL;
$ wq!
// Default dev mode port is 9527
// Change dev mode port
$ vim Branch\VueAdminUI\vue.config.js
//     devServer : {
//        port:9527
//    },
$ wq!
$ npm run serve

Laravel 5.3 back End Project

Following is required to start Laravel back end project

PHP 7.0 || PHP 7.2 || PHP 7.3
PHP EXTENSIONS : MYSQL, CURL, MBSTRING, XML
PHP MYSQL : apt-get install php7.<yourversion>-mysql
PHP CURL : apt-get install php7.<yourversion>-curl
PHP MB String: apt-get install php7.<yourversion>-mbstring
PHP DOM : apt-get install php7.<yourversion>-xml
COMPOSER (Make sure your composer is running your installed PHP 7.* version)

Start Laravel dev project back end server in development mode

$ git clone https://github.com/LaravelBackEndProject.git
$ git checkout Branch
$ cd Branch/LaravelBackEndFolder
$ composer install
$ cp .env.example .env
// Generate laravel application key in .env file
$ php artisan key:generate 
// Generate jwt key in .env file
$ php artisan jwt:secret
// Open .env file and fill in the following parameters
$ vim .env
// (IMPORTANT)If you specified DB connection parameters in configs/database.php, remove all copied DB_* environment variables
// (IMPORTANT)If DB_* environment variable is set, database.php configs will read environment variable on line 16
// (Mandatory) Fill in APP_URL, this should be your machine IP and Port which your laravel application is serving. You can specify Laravel development port by php artisan serve --host=0.0.0.0 --port=8080
// (Mandatory) Fill in APP_SERVER_BASE_URL, this should be your machine IP where your server application is using to serve.This variable serves as the base address for file upload. An example value can be http://10.0.0.106
// (Mandatory) Fill in FILE_SPECIFIC_PATH, this servers the specific directory path for file upload storage. An example value can be /home/appUploads/. Ubunutu permission set up required, please contact Joey for detail
// (Optional) Fill in CAPTCHA_PRIV, this is google captcha private key only used for when interacting with frontend
// (Optional) Fill in SERVER_ADDR, this is front end server address, do not need to be specified, if front end is not running
// Clears config file cache for config file to be updated
$ php artisan config:clear
// Clears application cache
$ php artisan cache:clear
// Adding tables to db (first time only)
// Check config/dabase.php to ensure the credentials && database name for db is correct
$ php artisan migrate
$ php artisan db:seed
// End of adding tables to db

// Starts Laravel dev server running at port 8080 at your machine IP
$ php artisan serve --host=0.0.0.0 --port=8080

// Run Unit Test
./vendor/bin/phpunit