Basic installation :
The Clear package comes with compiled assets. To view the project place the package contents in the root directory of your server or point a virtual host to the project directory and every thing should be working out of the box.
Note: To setup a virtual host follow this guide.
And once you are ready to customize the project follow the below steps.
Follow below steps before you start customizing clear VueJS version.
Make sure you have nodejs installed in your system with minimum version
you can check installed version by running
node -v command in terminal.
If you are having older version, please install latest version from nodejs.org
1) Install Dependencies
Run the below command to get all the dependencies from package.json
2) Install Assets
Run the below command to get the plugins from bower.json
Note 1: If you logged in as
root user you may need to run
bower install --allow-root
Note2: We have removed bower in 4.2 version , so if you are using 4.2 or above version please ignore this step.
3) File Compilation
Run the following command to compile all the files.
npm run dev
now your vuejs version is ready.
You need to run
npm run dev everytime you want your changes to be applied but you can follow below tips to save time
File Compilation with watchers
Run the following command to set watchers for files so that they compile as soon as you save any changes
npm run watch
serve with hot reload at localhost:8080
The following command will create a local server at localhost:8080 with hot-module-replacement enabled, to reflect your changes without effecting the state of your application.
npm run hot
File compilation for production
Run the following command to compile all files with minification for production.
npm run production
Note: when using "dev" "watch" or "production" make sure that your application is in the root directory of the server.
If your files are being server from a sub folder in the server like
localhost/vue then consider using the laravel-mix
if you are serving the files like
localhost/vue then set
Eventhough you can run
npm install we suggest you to run
yarn install since the package contains
yarn.lock file which lets you get the exact version of packages that we have used.