一弄息、什么是uni-app痊班？
正如它的標(biāo)語表達(dá)的：開發(fā)一次，多端覆蓋摹量！
uni-app 是一個使用 Vue.js 開發(fā)所有前端應(yīng)用的框架涤伐，開發(fā)者編寫一套代碼，可發(fā)布到iOS缨称、Android凝果、Web（響應(yīng)式）、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）睦尽、快應(yīng)用等多個平臺器净。 ---uni-app官方
二、如何學(xué)習(xí)uni-app?
第一步：打開官方文檔：https://uniapp.dcloud.io/
第二步：文檔寫的太多骂删，不知道從何下手掌动，這時其他的先不管，先根據(jù)以下步驟把uni-app創(chuàng)建出來宁玫，分別通過兩種方法創(chuàng)建uni-app粗恢，并運(yùn)行出H5端跟微信小程序端
1、方法一：通過 HBuilderX 可視化界面創(chuàng)建uni-app項目
????1）安裝HBuilderX：官方IDE下載地址?
????2）在點(diǎn)擊工具欄里的文件 -> 新建 -> 項目
????3）選擇uni-app類型欧瘪，輸入工程名眷射，選擇模板，點(diǎn)擊創(chuàng)建，即可成功創(chuàng)建妖碉。
????4）瀏覽器運(yùn)行：進(jìn)入uni-app-dome項目涌庭，點(diǎn)擊工具欄的運(yùn)行 -> 運(yùn)行到瀏覽器 -> 選擇瀏覽器，即可在瀏覽器里面體驗uni-app 的 H5 版欧宜。
2坐榆、方法二：通過vue-cli命令行創(chuàng)建uni-app項目
# 全局安裝 vue-cli
$ npm install -g @vue/cli
# 創(chuàng)建uni-app項目，初次體驗建議選擇 hello uni-app 項目模板
$ vue create -p dcloudio/uni-preset-vue my-project
# 進(jìn)入項目目錄
$ cd my-project
# 運(yùn)行到微信小程序冗茸，調(diào)試模式
$ npm run dev:mp-weixin
三席镀、創(chuàng)建uni-app詳細(xì)步驟如下：
1、通過 HBuilderX 可視化界面創(chuàng)建uni-app項目
1）安裝HBuilderX：官方IDE下載地址 （注：所有安裝的工具都不要放入C盤夏漱，記得安裝時修改安裝路徑豪诲，因為默認(rèn)為C盤。）
2）在點(diǎn)擊工具欄里的文件 -> 新建 -> 項目：
3）選擇uni-app類型挂绰，輸入工程名屎篱，選擇模板，點(diǎn)擊創(chuàng)建葵蒂，即可成功創(chuàng)建交播。
4）瀏覽器運(yùn)行：進(jìn)入uni-app-dome項目，點(diǎn)擊工具欄的運(yùn)行 -> 運(yùn)行到瀏覽器 -> 選擇瀏覽器刹勃，即可在瀏覽器里面體驗uni-app 的 H5 版堪侯。
5)瀏覽器運(yùn)行后嚎尤，會在瀏覽器中直接打開創(chuàng)建好的H5項目荔仁，記得把瀏覽器設(shè)置為移動端模式，選擇合適的機(jī)型進(jìn)行頁面展示芽死，到此你已經(jīng)學(xué)會了HBuilderX 可視化界面創(chuàng)建uni-app項目了乏梁，你也可以接著嘗試運(yùn)行出其他端。
2关贵、通過vue-cli命令行創(chuàng)建uni-app項目
1）npm install -g @vue/cli
2）vue create -p dcloudio/uni-preset-vue my-project
3)會提示選擇項目模板遇骑，初次體驗建議選擇 hello uni-app 項目模板
4)根據(jù)上述直接進(jìn)入項目根目錄下，運(yùn)行uni-app,這時我通過運(yùn)行小程序端來學(xué)習(xí)
cd my-project
npm run dev:mp-weixin
5）運(yùn)行成功后落萎，如果沒有微信小程序開發(fā)工具，你需要先前往?開發(fā)者工具下載頁面安裝一下工具炭剪，安裝成功后练链，登錄開發(fā)者工具
6）選擇uni-app項目文件下的小程序包：my-project\dist\dev\mp-weixin，配置好AppID,導(dǎo)入項目奴拦，此時你已經(jīng)通過vue-cli命令行成功創(chuàng)建uni-app項目媒鼓，并且運(yùn)行出微信小程序端，你還可以嘗試運(yùn)行出其他端。
