使用npx創(chuàng)建一個(gè)vite-ts的工程項(xiàng)目:
A溯壶、前提:需要全局安裝degit (degit 會(huì)對(duì) git 倉(cāng)庫(kù)進(jìn)行復(fù)制,比使用 git clone 要快得多圃郊,因?yàn)槟悴粫?huì)下載整個(gè) git 歷史記錄)
npm install -g degit
B价涝、開始創(chuàng)建工程 my-vue3-project(暫時(shí)起這名稱):
# 創(chuàng)建以 javascript 開發(fā)的工程
npx degit dcloudio/uni-preset-vue#vite my-vue3-project
# 創(chuàng)建以 ts 開發(fā)的工程
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
C、進(jìn)入目錄:
cd my-vue3-project
D持舆、安裝依賴:
npm i 或 yarn
E色瘩、運(yùn)行項(xiàng)目:
# 運(yùn)行到 h5
npm run dev:h5
# 運(yùn)行到 app
npm run dev:app
# 運(yùn)行到 微信小程序
npm run dev:mp-weixin
F、打包:
# 打包到 h5
npm run build:h5
# 打包到 app
npm run build:app
# 打包到 微信小程序
npm run build:mp-weixin
使用vscode打開看一下:
20221020111600.png