1. 程式人生 > >使用螞蟻金服前端sad的坑以及注意點

使用螞蟻金服前端sad的坑以及注意點

  1. 使用 sad-cli 初始化前端專案
    • 全域性安裝:sudo npm i @souche-f2e/sad-cli --registry=http://registry.npm.souche-inc.com -g
    • 在 main 資料夾下,執行 sad init 初始化專案,成功後會出現一個 antd 目錄。
  2. 安裝專案依賴包
    在 antd 目錄下,執行 npm run i命令,將自動安裝 npm 包到 node_modules 目錄下。
  3. 新建一個頁面
    • 執行 sad new Test -p 後會在在 pages 資料夾下生成一個名為 Test.jsx 的頁面檔案
      Test.jsx 展開原始碼
  4. 執行 npm run start 啟動本地伺服器
    啟動完成後通過 http://local.souche-inc.com:8081/Test.html 即可訪問該頁面。
  5. 在進行頁面編輯之後,idea會進行自動編譯,但是有的時候idea會有快取,要進行命令更新 npm run build 
  6. 有的時候頁面正在執行可能會出現管道溢位,然後sad就停止運行了,在這種時候可以擴大記憶體,然後進行npm run start重啟,就可以擴大記憶體,不容易造成管道溢位了。
  7. 在頁面中有更該頁面的話,有的會沒有生效,有可能是有快取,就算是在隱身視窗下,也是當前頁的快取的,需要在開啟開發者模式並且開啟禁止cookie的情況下,重新整理,才會生效,不開啟開發者模式的話,重新整理也是沒有效果的。

  8. 在往頁面中的state中放值的時候,可以直接用=,一般不要放在this.setState{}中,那裡面一般放的是函式中的屬性賦值,而且要執行的方法後面最好+個then,在方法執行完之後再非同步其他的方法。