1. 程式人生 > >微信web開發者工具中更改頁面資料夾名稱的正確姿勢

微信web開發者工具中更改頁面資料夾名稱的正確姿勢

從9月份微信小程式橫空出世到現在的將近三個月,雖然尚未全面開放,卻已紅透大半邊天,網友們貢獻的各種資源教程也噴湧而出。

最近剛剛學完JavaScript的基本知識,忍不住也開始嘗試一下微信小程式開發,對於官方提供的微信web開發者工具也是信心十足,但是實際操作中還是遇到了一些坑,對於像我一樣的一個初學者,比如在該工具中建立專案後,存放各個頁面的資料夾預設為pages,但是想把它改成其他名字,結果會出現不同的問題,下面分享自己是如何爬這個坑的,懂得的大神請忽略。

首先,現在下來最新的開發工具微信web開發者工具v0.11.112301,開啟新建一個快速啟動專案test,稍微改一下頁面內容,只保留logs頁面,效果和檔案樹如下所示:

由於某種原因,現在我需要更改pages資料夾名稱,當然app.json裡面對應的頁面路徑也要同步更改。

1,先更改檔案樹資料夾名稱為pagestest,移開滑鼠焦點點選空白處(此處若不移開滑鼠焦點直接儲存結果不會改變),儲存(會出現報錯一次),再更改app.json中的頁面路徑為"pagestest/logs/logs" 儲存,顯示效果正常為;

2,先更改app.json中的頁面路徑為"pagestest /logs/logs" 儲存,頁面顯示pagestest/logs/logs.wxml,再更改檔案樹種的資料夾名稱為pagestest儲存,此時pagestest資料夾中又出現了另外一個資料夾pages,而且顯示仍然是pagestest/logs/logs.wxml,而這個pages資料夾中也有一個logs資料夾,與原資料夾內容一樣。

刪除這個後來生成的pages資料夾,儲存,此時的頁面才顯示出Hello World。有時刪除pages後還不能正常顯示,需要進入logs的wxml頁面置入滑鼠焦點,無需改變內容,儲存一下即可。

另外,自己在嘗試時也遇到過其他的情況:

1.生成的多餘的頁面資料夾也可能在於app.js同一層的位置;

2.更改後頁面內容還是不能正常顯示,這時進入wxml檔案看一下內容,發現原本的檔案內容變成了路徑,所以刪除檔案後來生成的檔案之前先看一下頁面內容是否還存在。

綜上所述,微信官方的開發者工具在使用者體驗上還是存在這個欠缺的,期待官方後面版本的更加人性化,

對於出現諸如以上問題,除了按方法1更改之外,當然一次性建好頁面資料夾名稱不再更改是最好的辦法,如何無法確定後面是否需要更改,則可以用第三方編輯器比如sublime text進行程式碼變,可以在官方開發工具中檢視效果,從而避免出現以上問題。