taro框架的使用

週五週六主要在學習taro框架的使用

1. sublime text3 taro編輯環境的搭建，相關插件的安裝

   • ESLint--檢查taro語法錯誤
   • emmet--可以提示代碼輸入
   • Babel--jsx代碼高亮顯示
   • terminal--從sublimetext3啟動iterm2以便輸入命令行
   • sublime JSFMT--格式化js代碼（使用"ctrl+shift+q"格式化代碼）

2. 依據文檔說明，手動編寫一個簡單的微信小程序，從而了解了taro開發小程序的流程以及項目結構
   1. node、npm、yarn安装
   2. 全局安裝 Taro 開發工具 @tarojs/cli(第三方包最好用cnpm或者yarn安裝)
      $ yarn global add @tarojs/cli
   3. 初始化項目
      $ taro init 項目名稱
   4. 編寫代碼
      項目根目錄下的src文件夾為開發所用，而項目根目錄下的dist文件夾則是編譯後的微信小程序代碼，將此文件夾用微信開發者工具打開可以進行效果預覽
   5. 編譯代碼
      • $ taro build --type weapp --watch
        在項目根目錄下運行此命令可以實時監測代碼的改變並自動編譯，便於邊開發邊預覽，省去了每次都要手動編譯的過程，只需項目打開後初次運行該命令即可。
      • $ taro build --type h5 --watch
        在項目根目錄下運行此命令可以在h5下預覽效果