Unzip and open the folder of the Vue template with your favourite editor (I am using VSCode).
The first thing to do is to install NPM dependencies. To do that, open the terminal, type
npm install and press the
npm run serve in the terminal to run a development server and open http://localhost:8080/ to view it in the browser. The page will reload every time you make edits.
Any kind of change should be made inside the
src folder. Inside that, you will find the HTML template pages, alongside with styles (
src/css), images (
There isn't much to say about the CSS when it comes to templates that are built on the top of Tailwind CSS, so I would recommend to check out the Tailwind documentation.
All React component files are stored in the
src/ folder 👇
src/│├── pages/│ (contains site pages)│├── partials/│ (e.g. header, footer, page sections, etc)│└── utils/(contains more units, like modal, dropddown, etc)
Every template comes with a set of ready-made pages, provided in form of components and stored into the
Router settings are defined in
src/main.js file so, in case you want to add or remove pages, you should need to add or remove routes in that file. Check out the Vue Router documentation to know more.
When you have done with changes, run
npm run build for compiling and minify for production. You can learn more on the Vue CLI documentation.