安裝HBuilderX
推薦使用HBuilderX開發uni-app,可以在官網下載下傳。我們如果下載下傳的是标準版,那我們在HBuilderX運作的時候會幫我們下載下傳一些uni-app插件,我們重新開機一下項目就可以。
建立uni-app項目
在工具欄中選擇檔案–>項目,選擇項目類型,填入項目名稱,選擇開發模闆就可以建立一個項目。日常開發推薦uni ui項目模闆。
在浏覽器運作項目
如果我們希望在浏覽器運作項目的時候,HBuilderX能夠幫我們直接打開相應的浏覽器,我們需要配置一下浏覽器的路徑。
在工具欄中選擇工具–>設定–>運作配置,找到浏覽器運作配置然後填入浏覽器程式的安裝路徑。

不知道路徑的話,可以在桌面浏覽器圖示上右鍵選擇屬性,檢視路徑。
将項目運作在其他地方,具體可檢視官網相關。
static資源
編譯到任意平台時,static 目錄下的檔案均會被完整打包進去,且不會編譯。非 static 目錄下的檔案(vue、js、css 等)隻有被引用到才會被打包編譯進去。
static 目錄下的 js 檔案不會被編譯,如果裡面有 es6 的代碼,不經過轉換直接運作,在手機裝置上會報錯。
css、less/scss 等資源不要放在 static 目錄下,建議這些公用的資源放在自建的 common 目錄下。
新增頁面
生命周期函數
學習
- 基本知識點的記錄
- 頁面跳轉的學習
- 項目搭建案例