( You can skip this step if you already have nodeJS installed )
You need to install nodeJS and NPM as they are core dependencies. you can find the guide for it here : https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
After you have installed nodeJS and NPM you will have to insall vue-cli which you can install by this command.
npm install -g @vue/cli
To run the project on your computer you'll need to extract the source code and then run the following command in that directory from your terminal.
npm install
2. After the process is completed, run following command in terminal.
npm run serve
After that the project will automatically open in your browser at http://localhost:3000 ( port can be vary )
To change the url of api you need to modify a meta tag in index file which you can find in this directory : "public/index.html".
You can change the url of api of by modifying content attribute. ( as shown below )
<meta name="API" content="https://wpify.design/frontend" />
Follow this steps to generate a production build of the application.
Run this command in terminal.
npm run build
After the process completes, you'll see a success message in terminal that the build has been generated successfully.
2. Above command will make new folder in the root directory ( if not already present ) called dist
and inside it you'll find the following folders and files.
Modifying any of these files inside dist
directly will result in a failure and will not work properly. you should always make changes in developement enviornment locally and then do the build process.
3. Finally, You can upload this files directly to the server to make it run in production.