Installation
Prerequisites
Before you begin, make sure your development environment includes Node and an npm package manager.
Install Node.js using downloaded file.
To check your node version, run node -v in a terminal/console window.
Vue CLI, and Vue apps depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager.
This Quick Start uses the npm client command line interface, which is installed with Node.js by
default. To check that you have the npm client installed, run npm -v in a
terminal/console window.
For better understanding Vue we suggest you to once go through official documentation of Vue from VueJS.org
Vue setup
If you want Fuso template setup then directly follow next Fuso setup section
Installing Vue CLI
You use the Vue CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks as it is a progressive framework for building user interfaces.
Install the Vue CLI globally.
To install the CLI using npm, open a terminal/console window and enter the following command:
npm install -g @vue/cli
Create Initial application
1. Run the CLI command vue create and provide the name my-app, as shown here:
vue create my-app
2. The vue create command prompts you for information about features to include in the initial app project. Accept the defaults by pressing the Enter or Return key.
Run Application
1. Go to the workspace folder (my-app).
cd my-app
2. Launch the server by using the CLI command npm start
npm run serve
If you have already download and install node.js and Vue CLI then ignore prerequisites accordingly.
Node.js
Download latest version of node.js from nodejs.org.
Install Node.js using downloaded file
To check your node version, run node -v in a terminal/console window.
Vue CLI
Install Vue CLI Using:
npm install -g @vue/cli
Setup Fuso template by
1) Download and extract an Fuso template from themeforest
2) Extract it and then go in to template folder.
cd template
3) Import all dependency by installing npm command
npm install
4) Now you are in stage to successfully run Fuso using below command:
npm run dev
Build Application
1. Build you application for host on server using below
command:npx vite build
It will create one dist file in your template folder. Make zip of dist folder. so here you are ready to upload your template on server.
If you’re using Apache HTTP Server, you need to create a .htaccess file in the public folder by pastng below code
Options -MultiViewsRewriteEngine OnRewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^ index.html [QSA,L]
Now upload your dist folder on public folder
if you want to add subdirectory for your build then below two step:
1. add your sub directory name in createhistory params in template > src > router > index.js file like
history: createWebHistory('/Fuso/')
2. add your sub directory name in public path in vue.config.js like(
publicPath: "/Fuso/"