uniapp项目实践第一章：如何创建uniapp项目

太过爱你忘了你带给我的痛 2024-03-23 23:39 87阅读 0赞

## 如何创建uniapp项目 ##

本文讲解，常见的两种创建uniapp的项目。

### 使用HBuilderX创建 ###

![在这里插入图片描述][af00009f52714304b17874e0bd6fb463.png]  
![在这里插入图片描述][385151dd9b0243c08fb08928c988ab8f.png]  
![在这里插入图片描述][bb3b9e3b43d84310b02061049fe83a2a.png]  
![34111d6e36e444ca9ae61374d6fe9e6d.png][]  
![在这里插入图片描述][923209f36cf947a2808441bc79006e12.png]  
![在这里插入图片描述][d01d05e0c65444b8a67cf479276c62cd.png]  
![在这里插入图片描述][34d5abc5e1ac4d789ac16cd4ebebb726.png]  
![在这里插入图片描述][931d767f44dd43d18954bb6b6697b980.png]  
![在这里插入图片描述][24d4c91d49eb4c1587e4da3d838c0375.png]  
![在这里插入图片描述][664a46f2ad1c48089ba37e23677cd31c.png]

### 使用命令行创建 ###

打开命令窗口输入`npx degit dcloudio/uni-preset-vue#vite-ts 项目名称`  
![在这里插入图片描述][a6d760e03a4742f8804d08f78dde711d.png]

这里面显示的是可以打包的小程序种类  
![在这里插入图片描述][a511379ed80d44b8892eff672c21f537.png]  
通过这个命令可以下载 pnpm `npm install -g pnpm@latest`  
![在这里插入图片描述][f0a2aef936dd48479672cdc8999d7f03.png]

再次输入`npm install`  
之后这里就会出现  
![在这里插入图片描述][52c14bfd3ee84f179f265e92ea9f7c22.png]  
输入`npm run dev:mp-weixin`可以生成微信相关的  
![在这里插入图片描述][3eefac8ae6264c019a0c5a7c9f14f734.png]

[af00009f52714304b17874e0bd6fb463.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/f617b1bfad7f4f95bac1c5e3eaa712c2.png
[385151dd9b0243c08fb08928c988ab8f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/fbe88883f4cc416e86efed176e4bdb72.png
[bb3b9e3b43d84310b02061049fe83a2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/56fc319a7a9b479698ff643c2e88bed6.png
[34111d6e36e444ca9ae61374d6fe9e6d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/0366aa1cad1744fe8e4c7c44804efa87.png
[923209f36cf947a2808441bc79006e12.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/d6e6f118045e44e9adcbccd14e4c1af3.png
[d01d05e0c65444b8a67cf479276c62cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/0819555bb4364f4eb3ee1f3ec6a3e682.png
[34d5abc5e1ac4d789ac16cd4ebebb726.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/cc9688bede0c40dcb24b920e37b40723.png
[931d767f44dd43d18954bb6b6697b980.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/9e7fef10cbda4f9889d37ec0adfa9ea2.png
[24d4c91d49eb4c1587e4da3d838c0375.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/73277735a6014a2894b92f239552ca0d.png
[664a46f2ad1c48089ba37e23677cd31c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/fb1739de09d247e3a6fd7c073dcffeb6.png
[a6d760e03a4742f8804d08f78dde711d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/5f5a7c7387a74e639c74e8fe3ed044d1.png
[a511379ed80d44b8892eff672c21f537.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/fe4fcf8c0ec046568c2148c3789af0ff.png
[f0a2aef936dd48479672cdc8999d7f03.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b435438d232642a49f66f4e1287c7e81.png
[52c14bfd3ee84f179f265e92ea9f7c22.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/294d83a37c294acba4d3da7262c39ae1.png
[3eefac8ae6264c019a0c5a7c9f14f734.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/f368fdd27db04db3b3b44823bdc6a402.png