Traffic Hello README
Action.ts中对于一个action,需要在createActions、ActionTypes、ActionCreators
分别填写相似度很高的代码,插件可以对action进行增加,修改,删除的操作
Saga.ts中的方法如果需要参数及类型,对应Action中补全较麻烦,插件可以自动生成
如何执行命令
现在将命令放置在左边啦,点击即可快速执行,不再需要输入繁杂的命令或者自己绑定快捷键
使用Cmd+Shift+P
然后输入命令名字选中之后即可执行
也可以使用快捷键,但是默认并没有绑定快捷键,如果有需要的话可以自定义快捷键
Cmd+K Cmd+S
打开定义快捷键页面
- 搜索trafficHello
- 可以对相关的命令设定快捷键
生成小程序事件代码: Create Mini Component Event
将光标置于小程序组件的某一tap系列属性,执行命令
- 在组件js生成triggerEvent函数
- 在页面使用此组件的地方添加对应的bind属性
- 在页面的js中添加对应的事件接受函数
添加action: Create Action
执行命令,在输入框中填写ActionName[, ParamName: Type ...]
,例如
updateInfomation
或者
updateInfomation, param1: string, param2: boolean
即可自动在createActions、ActionTypes、ActionCreators
填写对应代码,同时可以选择在reducer或者saga文件中创建信息
根据ActionCreators中的语句添加action: Create Action From Creators
在ActionCreators
中添加对应的语句,例如update: (param: string) => AnyAction;
光标必须放在该语句所在行
执行命令,即可在createActions、ActionTypes
中补全对应代码,,同时可以选择在reducer或者saga文件中创建信息
修改action: Modify Action
光标置于ActionCreators
中对应action的声明上
执行命令,在输入框中修改action的信息后,即可自动修改createActions、ActionTypes、ActionCreators
中的对应代码
删除action: Delete Action
与修改Action几乎相同
生成Saga中的函数: Create Saga Function
需要打开saga文件且已导入过Types
执行命令,然后输入小驼峰式的Action名字,可以自动在yield all
的参数中添加新的takeLatest语句以及对应的函数
成功添加之后会滚动到方法的位置
如果需要throttle
等其他语句,可以在生成之后修改
生成Reducer中的函数: Create Reducer Function
与生成saga函数几乎相同
生成Component: Create Component
新建一个文件之后,打开此文件,执行命令,输入组件名称,就可以生成组件,可以选择生成对应的Container文件
生成Component: Mini Create Component
新建一个文件夹之后,右键点击Mini Create Component,就可以生成组件