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

使用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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容