Vue 3 Project Setup in 6 easy steps (Vite + Tailwind + Pinia + Typescript)

#setup-vue-3 #vue3 #vite #tailwind #pinia #typescript #vue3-setup #vuejs #vue #typescript #tailwind #webdevelopment #html #css
Learn how to perform vue 3 project setup in 6 easy steps in 2023 [Vue3, Vite, Typescript, Pinia, Tailwind].
Build a client side app with Vue3, with page navigation, authentication...
Source Code: github.com/rmsmech/Tutorials/...
Direct Git Clone (With latest updates) : git clone github.com/rmsmech/Vue-Tailwi...
Chapters:
00:00 Demo
00:17 Introduction
00:36 Step 1 : Install Vite, Vue 3, Typescript
01:52 Step 2 : Install Vue-Router
02:40 Setp 3 : Install Pinia
03:11 Step 4 : Install Tailwind css
04:07 Step 5: Initialize Packages
04:42 Step 5-A: Setup PostCSS
05:13 Step 5-B (OPTIONAL): Setup Prettier Plugin (Optional)
06:18 Step 5-C (OPTIONAL): Setup Path Aliases (Optional)
10:14 ===== DEMO: Clean up existing demo project
11:36 Step 5-D: Setup Tailwind CSS
14:11 ===== DEMO: Check if tailwind works
21:09 ===== TIPS: Install some useful VS CODE Extensions for VUE
21:50 ===== DEMO: Create some dummy components to test Router
23:16 Step 6-A: Create Router
30:29 ===== DEMO: Check if Router works
37:10 Step 6-B: Create Pinia Store
39:27 Step 6-C (OPTIONAL) : Install & setup auto-import plugin
44:15 ===== DEMO: Build the app to setup Authorization and test Stores.

[@MouseEvents]

Please share your thoughts on how to improve this video.. If you need me to prepare videos on some specific topics, please share suggestions...

[@archanalatha8530]

Good presentation...

[@sureshkumar-qz7bg]

Very informative, wonderful content 👍

[@blainewordly9134]

Great video thank you! To build on it you could possibly integrate firebase or something similar with a login and a user database.

[@beetpalm]

hi i'm newbie i have a proplem Module '"/src/components/HelloWorld.vue"' has no default export.Vetur(1192) Can you help or explain. thank

[@user-sr5kf3iq1u]

The lectures are really great. Helped me a lot. Can you share the source code you wrote?

[@MouseEvents]

The source code link is in description... Attaching here as well.. github.com/rmsmech/Tutorials/tree/master/VUEJS/ViteVueSetup2023

[@user-sr5kf3iq1u]

@@MouseEvents It will help a lot. Thank you very much.