創(chuàng)建uni-app項目

兩種方式創(chuàng)建uni-app項目

1 通過HBuilderX創(chuàng)建

MacOSX安裝HBuilderX

HBuilderX下載地址: 下載地址

MacOSX,軟件必須安裝到/Applications目錄,如未安裝到此目錄,可能會出現(xiàn)插件安裝失敗、項目創(chuàng)建失敗等問題。

如果啟動遇到下列問題,請到【系統(tǒng)設(shè)置】中解決。

image.png
image.png

配置文件目錄

配置文件目錄,如下:

  • $HOME/Library/Application\ Support/HBuilder\ X
  • $HOME/Library/Caches/HBuilder\ X

請注意: mac上,如果路徑包含空格,需要\進行轉(zhuǎn)義

啟動問題

某些情況下,MacOSX HBuilderX無法啟動,解決方法如下:

  • 重啟電腦
  • 配置文件目錄下的.lock文件問題 解決方案
  • 配置文件損壞,導致HBuilderX無法啟動,重置配置文件即可。解決方案

刪除.lock文件

打開操作系統(tǒng)終端,輸入如下命令:

rm -f $HOME/Library/Application\ Support/HBuilder\ X/.lock

如刪除.lock文件還無法解決啟動問題,請嘗試刪除配置文件目錄, 詳見。

重置配置文件目錄

如在HBuilderX內(nèi),曾設(shè)置過快捷鍵、代碼塊、以及其它設(shè)置項,如需保存,刪除前,建議備份。 目錄:$HOME/Library/Application\ Support/HBuilder\ X/user

#### 備份配置文件,如不需要,請略過
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)建

在點擊工具欄里的文件 -> 新建 -> 項目(快捷鍵Ctrl+N):

新建

選擇uni-app類型,輸入工程名,選擇模板,點擊創(chuàng)建,即可成功創(chuàng)建。

uni-app自帶的模板有 默認的空項目模板、Hello uni-app 官方組件和API示例,還有一個重要模板是 uni ui項目模板,日常開發(fā)推薦使用該模板,已內(nèi)置大量常用組件。


模版選擇

通過命令行創(chuàng)建:可以使用cli方式創(chuàng)建項目,另見文檔。

運行uni-app

  1. 瀏覽器運行:進入hello-uniapp項目,點擊工具欄的運行 -> 運行到瀏覽器 -> 選擇瀏覽器,即可體驗 uni-app 的 web 版。
image.png
  1. 運行App到手機或模擬器:使用電壓足夠的usb端口連接手機,設(shè)置中開啟USB調(diào)試,手機上允許電腦設(shè)備調(diào)試手機,進入hello-uniapp項目,點擊工具欄的運行 -> 運行App到手機或模擬器,即可在該設(shè)備里面體驗uni-app。
image.png
*   如手機或模擬器無法識別,請點擊[常見故障排查指南](https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html)。
  • 如需運行在蘋果手機真機上,注意需使用自定義基座。詳見
  1. 在微信開發(fā)者工具里運行:進入hello-uniapp項目,點擊工具欄的運行 -> 運行到小程序模擬器 -> 微信開發(fā)者工具,即可在微信開發(fā)者工具里面體驗uni-app。
image.png
**注意**:如果是第一次使用,需要先配置小程序ide的相關(guān)路徑,才能運行成功。如下圖,需在輸入框輸入微信開發(fā)者工具的安裝路徑。 
image.png
**注意**:微信開發(fā)者工具需要開啟服務(wù)端口 在微信工具的設(shè)置->安全中。
  1. 在支付寶小程序開發(fā)者工具里運行:進入hello-uniapp項目,點擊工具欄的運行 -> 運行到小程序模擬器 -> 支付寶小程序開發(fā)者工具,即可在支付寶小程序開發(fā)者工具里面體驗uni-app。
image.png
  1. 在百度、抖音、QQ、快應(yīng)用(分聯(lián)盟和華為)、快手、飛書、360、京東等小程序開發(fā)工具里運行:內(nèi)容同上

安卓開啟開發(fā)者模式


image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容