使用cli创建支持vue3+vite+ts的uni-app

2022-10-20  本文已影响0人  淡淡烟草味

使用npx创建一个vite-ts的工程项目:

A、前提:需要全局安装degit (degit 会对 git 仓库进行复制,比使用 git clone 要快得多,因为你不会下载整个 git 历史记录)

npm install -g degit

B、开始创建工程 my-vue3-project(暂时起这名称):

# 创建以 javascript 开发的工程  
npx degit dcloudio/uni-preset-vue#vite my-vue3-project  

# 创建以 ts 开发的工程  
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project  

C、进入目录:

cd my-vue3-project

D、安装依赖:

npm i  或  yarn

E、运行项目:

# 运行到 h5   
npm run dev:h5  
# 运行到 app   
npm run dev:app  
# 运行到 微信小程序  
npm run dev:mp-weixin  

F、打包:

# 打包到 h5   
npm run build:h5  
# 打包到 app   
npm run build:app  
# 打包到 微信小程序  
npm run build:mp-weixin  

使用vscode打开看一下:


20221020111600.png
上一篇下一篇

猜你喜欢

热点阅读