兩種方式創(chuàng)建uni-app項(xiàng)目
1 通過HBuilderX創(chuàng)建
MacOSX安裝HBuilderX
HBuilderX下載地址: 下載地址
MacOSX,軟件必須安裝到
/Applications
目錄摘仅,如未安裝到此目錄,可能會(huì)出現(xiàn)插件安裝失敗塔嬉、項(xiàng)目創(chuàng)建失敗等問題蚕甥。
如果啟動(dòng)遇到下列問題搅荞,請(qǐng)到【系統(tǒng)設(shè)置】中解決阱扬。
配置文件目錄
配置文件目錄,如下:
$HOME/Library/Application\ Support/HBuilder\ X
$HOME/Library/Caches/HBuilder\ X
請(qǐng)注意: mac上躺彬,如果路徑包含空格煤墙,需要\
進(jìn)行轉(zhuǎn)義
啟動(dòng)問題
某些情況下,MacOSX HBuilderX無(wú)法啟動(dòng)宪拥,解決方法如下:
刪除.lock文件
打開操作系統(tǒng)終端脚作,輸入如下命令:
rm -f $HOME/Library/Application\ Support/HBuilder\ X/.lock
如刪除.lock文件還無(wú)法解決啟動(dòng)問題,請(qǐng)嘗試刪除配置文件目錄, 詳見缔刹。
重置配置文件目錄
如在HBuilderX內(nèi)球涛,曾設(shè)置過快捷鍵、代碼塊桨螺、以及其它設(shè)置項(xiàng)宾符,如需保存酿秸,刪除前灭翔,建議備份。 目錄:$HOME/Library/Application\ Support/HBuilder\ X/user
#### 備份配置文件辣苏,如不需要肝箱,請(qǐng)略過
cp -r $HOME/Library/Application\ Support/HBuilder\ X $HOME/Desktop/HX
#### 直接刪除配置文件目錄
rm -r $HOME/Library/Application\ Support/HBuilder\ X
rm -r $HOME/Library/Caches/HBuilder\ X
工程創(chuàng)建
在點(diǎn)擊工具欄里的文件 -> 新建 -> 項(xiàng)目(快捷鍵Ctrl+N
):
選擇uni-app
類型,輸入工程名稀蟋,選擇模板煌张,點(diǎn)擊創(chuàng)建,即可成功創(chuàng)建退客。
uni-app自帶的模板有 默認(rèn)的空項(xiàng)目模板骏融、Hello uni-app 官方組件和API示例,還有一個(gè)重要模板是 uni ui項(xiàng)目模板萌狂,日常開發(fā)推薦使用該模板档玻,已內(nèi)置大量常用組件。
通過命令行創(chuàng)建:可以使用
cli
方式創(chuàng)建項(xiàng)目茫藏,另見文檔误趴。
運(yùn)行uni-app
- 瀏覽器運(yùn)行:進(jìn)入hello-uniapp項(xiàng)目,點(diǎn)擊工具欄的運(yùn)行 -> 運(yùn)行到瀏覽器 -> 選擇瀏覽器务傲,即可體驗(yàn) uni-app 的 web 版凉当。
- 運(yùn)行App到手機(jī)或模擬器:使用電壓足夠的usb端口連接手機(jī)枣申,設(shè)置中開啟USB調(diào)試,手機(jī)上允許電腦設(shè)備調(diào)試手機(jī)看杭,進(jìn)入hello-uniapp項(xiàng)目忠藤,點(diǎn)擊工具欄的運(yùn)行 -> 運(yùn)行App到手機(jī)或模擬器,即可在該設(shè)備里面體驗(yàn)uni-app泊窘。
* 如手機(jī)或模擬器無(wú)法識(shí)別熄驼,請(qǐng)點(diǎn)擊[常見故障排查指南](https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html)。
- 如需運(yùn)行在蘋果手機(jī)真機(jī)上烘豹,注意需使用自定義基座瓜贾。詳見
- 在微信開發(fā)者工具里運(yùn)行:進(jìn)入hello-uniapp項(xiàng)目,點(diǎn)擊工具欄的運(yùn)行 -> 運(yùn)行到小程序模擬器 -> 微信開發(fā)者工具携悯,即可在微信開發(fā)者工具里面體驗(yàn)uni-app祭芦。
**注意**:如果是第一次使用,需要先配置小程序ide的相關(guān)路徑憔鬼,才能運(yùn)行成功龟劲。如下圖,需在輸入框輸入微信開發(fā)者工具的安裝路徑轴或。
**注意**:微信開發(fā)者工具需要開啟服務(wù)端口 在微信工具的設(shè)置->安全中昌跌。
- 在支付寶小程序開發(fā)者工具里運(yùn)行:進(jìn)入hello-uniapp項(xiàng)目,點(diǎn)擊工具欄的運(yùn)行 -> 運(yùn)行到小程序模擬器 -> 支付寶小程序開發(fā)者工具照雁,即可在支付寶小程序開發(fā)者工具里面體驗(yàn)uni-app蚕愤。
- 在百度、抖音饺蚊、QQ萍诱、快應(yīng)用(分聯(lián)盟和華為)、快手污呼、飛書裕坊、360、京東等小程序開發(fā)工具里運(yùn)行:內(nèi)容同上
安卓開啟開發(fā)者模式