我們用微信小程式官方開發工具開發小程式時，由於官方開發工具不夠智慧，所以我們通常會用webstorm來開發小程式。這裡就涉及到兩個問題
- 1，程式碼自動補全
- 2，實時編譯檢視小程式執行效果

一，先來解決webstorm開發小程式時智慧提示問題

• 1，開啟webstorm設定頁面，找到File Types
  
• 2，在File Types裡找到html，然後點選加號，新增 *.wxml
  
• 3，同樣新增 *.wxss
  

• 4,上面幾步完成後不要忘記點ok
  

• 5，最後一步，下載wecharCode.jar下載下來，然後在webStorm 的 File -> import settings 中匯入即可。
  到這裡我們就可以在webstorm裡智慧補全微信小程式程式碼了。

二，解決webstorm編寫小程式小遊戲程式碼，動態編譯檢視效果的問題

• 其實解決起來也很簡單，就是同時開啟webstorm和小程式官方開發工具（主要檢視編譯），在webstorm裡編寫好小程式程式碼時，只需要按一下command+s（window：contrl+s），就可以在左邊的小程式預覽裡實時檢視編譯效果。
  如下圖
  

到此，我們就可以用webstorm愉快的開發小程式裡