uni-app有两种创建方式
- 1.HBuilderX可视化创建 ( 推荐 )
- 2.通过 vue-cli 创建
1.HBuilderX可视化创建
官方网址:https://uniapp.dcloud.io/quickstart-hx
优点:
1.创建简单
内置相关环境，开箱即用，无需配置nodejs
2.运行方便
可以直接通过IDE运行到各个环境
运行
3.打包/发布方便
可以直接通过IDE打包
打包/发布
4.随着HBuilderX的升级会自动升级编译器,不会导致版本不匹配
image.png
缺点:
不方便(无法)配置CI,不带命令行启动方式
如需要使用第三方(包)依赖,需要手动npm init
这里我个人建议使用HX 创建 + npm,保证运行和发布操作简单的情况下,还方便引入(更新)第三方包
2.通过 vue-cli 创建
优点:
1.npm 安装,可通过命令行 启动/打包
2.可以配置CI自动部署
3.方便配置环境变量
缺点:
1.创建/运行/打包 比较繁琐
2.每次hubilder更新都需要修改依赖为指定版本
编译器安装在项目下。不会跟随HBuilderX升级,需要执行 npm update去升级,不然调试会提示不匹配[如下图]
image.png
