Vue Setup

---

Create a workspace and initial application

You develop apps in the context of an Vue3 workspace.
To create a new workspace and initial starter app:

1. Run the command Vue new and provide the name filename as my-app, as shown below

npm init vue@latest

// This command will install and execute create-vue, the official Vue project scaffolding tool. You
will be presented with prompts for several optional features such as TypeScript and testing
support:



✔ Project name: … <your-project-name>
  ✔ Add TypeScript? … No / Yes
  ✔ Add JSX Support? … No / Yes
  ✔ Add Vue Router for Single Page Application development? … No / Yes
  ✔ Add Pinia for state management? … No / Yes
  ✔ Add Vitest for Unit testing? … No / Yes
  ✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
  ✔ Add ESLint for code quality? … No / Yes
  ✔ Add Prettier for code formatting? … No / Yes

  Scaffolding project in
  <your-project-name>...
    Done.

If you are unsure about an option, simply choose No by hitting enter for now. Once the project is created, follow the instructions to install dependencies and start the dev server:

Run the application

The Vue3 includes a server, so that you can build and serve your app locally.

1. Navigate to the workspace folder
2. Run the following commands:

 > cd  <your-project-name >
  > npm install
  > npm run dev
 
                                     

You should now have your first Vue project running!

To use Sass

you neeed to install an Sass using npm

In the component you can select an language:

 <style> lang="css" scoped>  </style>

Note:Scoped slots allow us to pass a template to the slot instead of passing a rendered element. 
It's called a “scoped” slot because although the template is rendered in the parent component scope, 
it will have access to certain child component data.
                  

SpruhaSetup

---

If you have already download and install node.js and Vue 3 then ignore prerequisites.

Prerequisites

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 (cmd)

Setup an SpruhaTemplate by

1. Download the Spruharar/zip file.
2. Extract it and then go in to Folder here you will see a Spruha Folders
3. You can import all dependency by installing npm command

npm install
    (or)
yarn install

4. Now you are in stage to successfully run Spruha using below command:

npm run dev
    (or)
yarn run dev
                

Once you serve your application by default it will take their default port .

For installation of node_modules to project

npm install

(or)

yarn install

If you are using any plugin dependencies you might get some error while installation. to overcome like such error use

npm install --force

(or)

yarn install--force

Build Application

Build your application for host on server using below command:

yarn run build
   (or)
npm run build