使用蚂蚁金服前端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,在方法执行完之后再异步其他的方法。

猜你喜欢

转载自blog.csdn.net/YHyanghaoaixin/article/details/81666145