Create a Vue Project with Vite

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

ဒီခန်းပြီးရင် ဘာတတ်သွားမလဲ

Vue project ဖန်တီးရန်
Development server ကို run ရန်
အဓိက folder များကို သိရှိရန်

ရိုးရိုးလေး ရှင်းပြမယ်

Node.js ထည့်သွင်းပြီး terminal မှ create-vue ကို run ပါ။ Project option များထဲမှ Vue Router, Pinia နှင့် testing ကို လိုအပ်သလိုရွေးနိုင်သည်။ src/App.vue က root component ဖြစ်ပြီး src/main.js က app ကို စတင်သည့် entry file ဖြစ်သည်။

bash

npm create vue@latest
cd my-vue-app
npm install
npm run dev

You should see

Local: http://localhost:5173/

လက်တွေ့စမ်းကြည့်ရန်

Project အသစ်တစ်ခုဖန်တီးပြီး App.vue ထဲရှိ heading ကို “My Vue Lab” ဟု ပြောင်းပါ။

Vue Quick Start — Vue.js

ဒီနေရာမှာ လူအများမှားတတ်တယ်

npm install မလုပ်ခင် dev server စတင်ခြင်း
Terminal ကို project directory အပြင်ဘက်တွင် run ခြင်း

လေ့ကျင့်ခန်း

Project အသစ်တစ်ခုဖန်တီးပြီး App.vue ထဲရှိ heading ကို “My Vue Lab” ဟု ပြောင်းပါ။

You'll know it worked when: Local: http://localhost:5173/