Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>trafficHelloNew to Visual Studio Code? Get it now.
trafficHello

trafficHello

ring

|
38 installs
| (0) | Free
trafficHello
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Traffic Hello README

Action.ts中对于一个action,需要在createActions、ActionTypes、ActionCreators分别填写相似度很高的代码,插件可以对action进行增加,修改,删除的操作

Saga.ts中的方法如果需要参数及类型,对应Action中补全较麻烦,插件可以自动生成


如何执行命令

现在将命令放置在左边啦,点击即可快速执行,不再需要输入繁杂的命令或者自己绑定快捷键

3TfjU.png

使用Cmd+Shift+P然后输入命令名字选中之后即可执行

也可以使用快捷键,但是默认并没有绑定快捷键,如果有需要的话可以自定义快捷键

  1. Cmd+K Cmd+S打开定义快捷键页面
  2. 搜索trafficHello
  3. 可以对相关的命令设定快捷键

生成小程序事件代码: Create Mini Component Event

将光标置于小程序组件的某一tap系列属性,执行命令

  1. 在组件js生成triggerEvent函数
  2. 在页面使用此组件的地方添加对应的bind属性
  3. 在页面的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,就可以生成组件

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft