使用螞蟻金服前端sad的坑以及注意點
阿新 • • 發佈:2018-12-05
- 使用 sad-cli 初始化前端專案
- 全域性安裝:sudo npm i @souche-f2e/sad-cli --registry=http://registry.npm.souche-inc.com -g
- 在 main 資料夾下,執行 sad init 初始化專案,成功後會出現一個 antd 目錄。
- 安裝專案依賴包
在 antd 目錄下,執行 npm run i命令,將自動安裝 npm 包到 node_modules 目錄下。 - 新建一個頁面
- 執行 sad new Test -p 後會在在 pages 資料夾下生成一個名為 Test.jsx 的頁面檔案
Test.jsx 展開原始碼
- 執行 sad new Test -p 後會在在 pages 資料夾下生成一個名為 Test.jsx 的頁面檔案
- 執行 npm run start 啟動本地伺服器
啟動完成後通過 http://local.souche-inc.com:8081/Test.html 即可訪問該頁面。 - 在進行頁面編輯之後,idea會進行自動編譯,但是有的時候idea會有快取,要進行命令更新 npm run build
- 有的時候頁面正在執行可能會出現管道溢位,然後sad就停止運行了,在這種時候可以擴大記憶體,然後進行npm run start重啟,就可以擴大記憶體,不容易造成管道溢位了。
-
在頁面中有更該頁面的話,有的會沒有生效,有可能是有快取,就算是在隱身視窗下,也是當前頁的快取的,需要在開啟開發者模式並且開啟禁止cookie的情況下,重新整理,才會生效,不開啟開發者模式的話,重新整理也是沒有效果的。
-
在往頁面中的state中放值的時候,可以直接用=,一般不要放在this.setState{}中,那裡面一般放的是函式中的屬性賦值,而且要執行的方法後面最好+個then,在方法執行完之後再非同步其他的方法。