搭建條件
- node 8+
- npm 6.1+
- vue-cli 4+
vue-cli升級命令變更椒功，低于3.0版本的需要先卸載再安裝
// 卸載
npm uninstall vue-cli -g
// 安裝
npm install @vue/cli -g
第一步：自己找個盤建個空項目竭鞍，命令行進入項目路徑（不能有大寫字母）也可以直接create 項目名，隨個人喜好调鲸。
第二步：按自己需求選擇項目配置項岗屏，本項目使用评疗，Vue3 + TypeScript + Router + Vuex +Babel + ESLint
vue create .
image.png
image.png
選擇配置項
image.png
image.png
- 回車搞定
項目結(jié)構(gòu)如下
image.png
項目運行，VsCode打開項目
-
方法1：VsCode命令行執(zhí)行
npm run serveoryarn serve命令 - 方法2： VsCode左下角NPM腳本滞诺，點擊即可執(zhí)行形导。
image.png
項目成功后展示
image.png
結(jié)語：
就是如此簡單环疼，毫無任何困難。附贈一個官網(wǎng)vue3地址
https://v3.vuejs.org/
