一烂斋、項目初始化
1.nodejs的安裝不用我多說了吧，nodejs官網(wǎng)地址乾蓬。
2.vue-cli最新版已經(jīng)可以快速搭建3.0了施戴，那怎么升級到最新版呢？vue-cli官網(wǎng)地址皇耗，不知道vue-cli版本的執(zhí)行命令vue --version 或 vue -V
已經(jīng)安裝vue-cli的同學們執(zhí)行命令:npm update -g @vue/cli
未安裝vue-cli 執(zhí)行命令：npm install -g @vue/cli
特別注意：Node 版本要求
Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推薦 v10 以上)南窗。你可以使用 n，nvm 或 nvm-windows 在同一臺電腦中管理多個 Node 版本郎楼。
3.安裝完最新版vue-cli后万伤，執(zhí)行命令：
vue create xxxxx(這是你自己要取的項目名稱)
可以看見圖1
由圖1我們選擇選擇最后一項Manually select features（手動選擇）
這個是我基本配置,其他的ts、router呜袁，vuex等根據(jù)自己項目需求進行選擇敌买。
? ??
圖3當選擇第一項后 就會提示選擇vue的版本，這里選第二個3.x阶界，圖4是否路由使用history模式虹钮，需要后端配合聋庵，不然會出現(xiàn)/404，根據(jù)自身項目需求而定芙粱，我這里不選擇祭玉。
由上圖1和圖2，根據(jù)自己需求愛好選擇css語言春畔、eslint等配置
根據(jù)自己需求創(chuàng)建完項目后脱货，cd 到項目名目錄下 ，直接npm run serve 啟動當前項目
二律姨、vue3+vant引入使用
vant的引入：進入vant的官網(wǎng)選擇3x振峻，官網(wǎng)已經(jīng)出來了vant3，然后按照文檔
這里我推薦你們按需引入：
這樣配置好以后我們最好重啟一下項目择份，避免配置不生效扣孟。
打開項目中的main.js中發(fā)現(xiàn)和我們vue2.0+的版本還是有些區(qū)別了 ，這里不再是使用new Vue 而是使用createApp了其實都差不多吧缓淹。
下面參考一個列子吧:
好了哈打、對3.0不熟悉的api、torefs 讯壶，ref料仗，isref，reactive等的大家自行百度或者參考官網(wǎng)吧伏蚊。
