天天看點

uni-app基本了解

安裝HBuilderX

推薦使用HBuilderX開發uni-app,可以在​​官網​​下載下傳。我們如果下載下傳的是标準版,那我們在HBuilderX運作的時候會幫我們下載下傳一些uni-app插件,我們重新開機一下項目就可以。

建立uni-app項目

在工具欄中選擇檔案–>項目,選擇項目類型,填入項目名稱,選擇開發模闆就可以建立一個項目。日常開發推薦uni ui項目模闆。

在浏覽器運作項目

如果我們希望在浏覽器運作項目的時候,HBuilderX能夠幫我們直接打開相應的浏覽器,我們需要配置一下浏覽器的路徑。

在工具欄中選擇工具–>設定–>運作配置,找到浏覽器運作配置然後填入浏覽器程式的安裝路徑。

uni-app基本了解

不知道路徑的話,可以在桌面浏覽器圖示上右鍵選擇屬性,檢視路徑。

uni-app基本了解

将項目運作在其他地方,具體可檢視官網​​相關​​。

static資源

編譯到任意平台時,static 目錄下的檔案均會被完整打包進去,且不會編譯。非 static 目錄下的檔案(vue、js、css 等)隻有被引用到才會被打包編譯進去。

static 目錄下的 js 檔案不會被編譯,如果裡面有 es6 的代碼,不經過轉換直接運作,在手機裝置上會報錯。

css、less/scss 等資源不要放在 static 目錄下,建議這些公用的資源放在自建的 common 目錄下。

新增頁面

生命周期函數

學習

  1. ​​基本知識點的記錄​​
  2. ​​頁面跳轉的學習​​
  3. ​​項目搭建案例​​

繼續閱讀