【uni-app】创建 项目

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