uni-appuni-app创建和运⾏uni-app uni-app创建和运⾏
uni-app创建和运⾏
uni-app⽀持通过 HBuilderX 可视化界⾯、vue-cli命令⾏ 两种⽅式快速创建项⽬。
1. 通过 HBuilderX 可视化界⾯
创建uni-app
uni-app⾃带的模板有 Hello uni-app ，是官⽅的组件和API⽰例。还有⼀个重要模板是 uni ui项⽬模板，⽇常开发推荐使⽤该模板，已内置⼤量常⽤组件。
运⾏uni-app
1. 浏览器运⾏
2. 真机运⾏
3. ⼩程序运⾏
2. 通过vue-cli命令⾏
环境安装
全局安装vue-cli
npm install -g @vue/cliflutter uniapp 哪个好
创建uni-app
使⽤正式版（对应HBuilderX最新正式版）
vue create -p dcloudio/uni-preset-vue my-project
使⽤alpha版（对应HBuilderX最新alpha版）
vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
此时，会提⽰选择项⽬模板，初次体验建议选择 hello uni-app 项⽬模板，如下所⽰：
运⾏、发布uni-app
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM% 可取值如下：
值平台
app-plus app平台⽣成打包资源（仅⽀持npm run build:app-plus，也就是App平台运⾏调试不⽀持cli⽅式，需在HBuilderX中运⾏
调试）
h5H5
mp-alipay⽀付宝⼩程序
mp-baidu百度⼩程序
mp-weixin⼩程序
mp-toutiao字节跳动⼩程序mp-qq qq ⼩程序
mp-360360 ⼩程序quickapp-webview快应⽤通⽤quickapp-webview-union快应⽤联盟
quickapp-webview-
huawei
快应⽤华为3. 使⽤cli创建项⽬和使⽤HBuilderX可视化界⾯创建项⽬有什么区别
编译器的区别
开发⼯具的区别
官⽅⽂档的说明
链接:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。