小程序開發（1）-學習歷程整理

整理一下最近兩週學習小程序的開發歷程，由於知識比較零碎，特此整理。

心路歷程如下：

1. 判斷是否需要一個小程序以及研究小程序和H5頁面的區別（花費：1天）
2. hello我的小程序（花費：1天）
   學習如何應用小程序原生框架，搭建自己的第一套hello world。
   對於沒有用過vue或者類似框架的人來說，稍顯有些喫力，但是並不難理解。
   參考鏈接：https://www.jianshu.com/p/0ff8c3b2f59f
3. 使用vscode+npm+微信開發者工具搭建mpvue開發環境（研究後選擇的正式開發環境）
   過程有點曲折，不過幸好之前做ionic的時候用過類似的工具，參考了很多別人的博客，終於完成
   參考鏈接如下：
   1. 安裝node.js環境 。https://www.cnblogs.com/tielemao/p/9157675.html ；https://blog.csdn.net/qq_39308408/article/details/97754889
   2. 搭建開發環境（此教程後續還有框架使用的demo，可以一併參考）。https://www.jianshu.com/p/6f8d74be3ff8
4. 運行過程中，由於開啓了ESLint的校驗，demo代碼中常見錯誤整理如下：
   Strings must use singlequote 必須使用單引號
   Extra semicolon 多餘的分號，https://www.cnblogs.com/cowboybusy/p/10633286.html
   Missing space before function parentheses 方法名和括號之間必須有空格 https://www.jianshu.com/p/2f5cded8a2d3
   Unexpected trailing comma 後面多了一個逗號
   Infix operators must be spaced 操作符號，如+，-之類的，前後必須有空格

npm修改eslint規則

• https://blog.csdn.net/qq15577969/article/details/89341735
• https://blog.csdn.net/weixin_33915554/article/details/88848442?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

8. 其他遇到的小問題

static/van-web/area/index.js" is not defined https://segmentfault.com/a/1190000016228410

Page “pages/index/main” has not been registered yet.

1. 刪除dist文件夾，然後重新npm run dev
2. 檢查各個文件存放的位置，是否層級關係放錯了
   van-weapp的樣式，和你使用的組件樣式不匹配。 https://github.com/zxz-googleman/hello-mpvue-vantweapp/blob/master/src/pages/panel/index.vue
   Elements in iteration expect to have ‘v-bind:key’ directives. https://blog.csdn.net/Hero_rong/article/details/88776855

後面的章節中，將嘗試做一個有列表，有詳情，支持狀態管理（vuex），支持網絡通訊的demo代碼。