一、 打开官方网站
https://uniapp.dcloud.net.cn/quickstart-cli.html
二、找到使用vue-cli命令行，按照文档上的步骤进行搭建
- 全局安装 vue-cli
npm install -g @vue/cli
- 搭建项目
可以根据命令行搭建，搭建vue2.0对应的是webpack，
也可以搭建vue3.0+vite，命令行下载不下来，直接访问高亮起来的 gitee 然后下载模板即可使用。 - 项目下载下来之后，就可以使用npm i下载依赖，然后通过npm run dev:h5启动项目即可。
npm run dev:h5
5. 打包试一下看看能不能放到nginx以及服务器上去。打包没问题之后再开发页面。
npm run build:h5
打包之后出现一下dist文件
- 把打出来的包挂载在nginx上
可以使用nginx，挂载到nginx上。也可以直接下载http-server
1）打开cmd输入命令：
cnpm i g http-server
2）查看是否下载完成
http-server -v
3）cmd切换到打包过的项目的目录地址
运行即可，生成的路径在浏览器中可以打开，说明打出来的包可以在服务器中用。文章来源：https://www.toymoban.com/news/detail-836206.html
http-server -p 5553
文章来源地址https://www.toymoban.com/news/detail-836206.html
到了这里，关于uni-app搭建h5项目的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
