使用螞蟻金服前端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,在方法執行完之後再異步其他的方法。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章