vue-project

https://vuejs.org/guide/quick-start.html#with-build-tools

Versions used:

• Angular CLI: 14.1.2
• Node: 16.10.0
• Package Manager: npm 7.24.0

Steps to run this project:

• npm i -g vercel
• npm init vue@latest
• cd vue-project
• npm install
• npm run dev # http://127.0.0.1:5173/

Git:

• git add . && git commit -m "c" && git push origin master

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

To check vue version: npm v vue

To convert .vue to .js file: https://stackoverflow.com/questions/43780134/compile-vue-file-into-js-file-without-webpack-or-browserify

Demo:

Part 1: https://user-images.githubusercontent.com/55496113/222188144-579838b8-5aa2-40b3-b9bc-9aa4f8425eb7.mp4

Part 2: https://user-images.githubusercontent.com/55496113/222188169-4598f9b6-d14d-4a9e-9688-c00257b2b04b.mp4

Part 3: https://user-images.githubusercontent.com/55496113/222188181-e3fb8911-49c5-4c82-9671-0ccd6edc1e8b.mp4