Using Laragon for your Laravel Apps

For those who are not familiar with the word Laragon, it is a portable , isolated, fast and powerful universal development environment for PHP, Node.js, Python, Java, Go, Ruby. It's easy-to-extend, use. It's lightweight and fast. It is designed with simplicity, flexibility, stability, and freedom. Laragon was developed 2 years ago but most of us haven’t even heard about it. Its installation is very easy in Windows. Normally developers use XAMPP, WAMP for development, compared to them Laragon is very fast and offers various tools and features to develop apps.Laragon is not available on Linux. Step one is to go to the Laragon download page and download the latest version. Run the installer and click next until Laragon starts.

Step 2: set up Laravel application using Laragon. On the Laragon tray do a right click on the icon and click on Quick app->Laravel. Type the name of your Laravel application. Then a command prompt will appear and you can see the process going on. A new folder with your Laravel application name will be created in the C:\laragon\www directory . If the command prompt process gets completed you will see the line, pretty url:http:/test.test. If your command prompt seems stuck just clicking on the Laragon icon will do the work. 

Go to C:\laragon\etc\apache2\sites enabled folder , there is a new configuration file called auto.laravel project name.test.conf. 

Step 3:To install Bootstrap install npm first. Typing the below given command line will install npm.

npm install --no-bin-links
Step 3: To set the correct path to cross-env.jss in package.json file open package.json and replace “cross-env” with actual path to cross-env.js. Cross-env.js was located in node_modules/cross-enc/src/bin.
{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "node node_modules/cross-env/src/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "node node_modules/cross-env/src/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "node node_modules/cross-env/src/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.19",
        "cross-env": "^5.1",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.13",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue-template-compiler": "^2.6.11"
    }
}

To install Bootstrap type the following command lines and the run as npm install and npm run dev
Composer require laravel/ui
Php artisan ui bootstrap