Documentation

Pixio Shop & eCommerce NuxtJs Template | DexignZone

Pixio

Pixio Shop & eCommerce NuxtJs Template | DexignZone

This documentation is last updated on 14 October 2024

Thank you for purchasing this NuxtJs template.

If you like this template, Please support us by rating this template with 5 stars


Installation -

1.- Initialize NPM

It will create 'node_module' folder in this all dependency files will be install with this command. npm install

npm install
2.- Run Project

With is command file will be compiled and it will be loaded on local server `http://localhost:3000`. npm run dev

npm run dev
3.- Production Build

Packages JavaScript, CSS, and other assets into bundles for efficient delivery to the client. npm run build

npm run build
4.- Note:

To get more help on the TypeScript checkout Click here

5.- Further help

To get more help on the NuxtJs checkout Click here

Sass Compile -

1.- Install -D sass

-D sass is an NPM package that compiles Sass to CSS (which it does very quickly too). To install -D sass run the following command in your terminal: npm install -D sass

npm install -D sass
2.- Run the Script

To execute our one-line script, we need to run the following command in the terminal: npm run sass

npm run sass
3.- Other Option

--source-map

"sass": "sass --watch ./src/assets/scss/main.scss ./src/assets/css/style.css"

Folder Directories -

  • assets

    This folder contains all the assets of Pixio template.

  • components

    This folder component files for various template features.

  • elements

    This folder contains all the elements files of Pixio template.

  • layouts

    This folder has all layouts used in the template.

  • pages

    This folder has all pages for various template features.

  • images

    This folder has all images used in the template.

  • css

    CSS File

NuxtJs Folder Structure

  • NuxtJs
    • assets
    • components
    • elements
    • layouts
    • pages
    • public
    • server
    • app.vue
    • nuxt.config.ts
    • package.lock.json
    • package.json

Credits -

NuxtJs Structure -

1

Do You Need Help To Customization

After Purchase A Template...

You Will Start Customizing According Your Requirement
BUT What If You Don't Know

SOLUTION IS HIRE DexignZone

Hire Same Team For Quality Customization

  • In Order To Ensure Your Website Is Live, We Will Customize
    The Template According To Your Requirements And Upload It to the Server.

Version History - #back to top

v1.0 - 14 October 2024
  • * New - Created & Upload Pixio