Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>taro-react-snippetsNew to Visual Studio Code? Get it now.
taro-react-snippets

taro-react-snippets

msxw

|
177 installs
| (0) | Free
taro react常用代码段
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Taro React开发常用代码段插件

根据缩写快速提供代码模板,提高开发速度,代码段持续更新中......

使用建议

考虑到用户的记忆成本,用户无需记忆所有代码段的缩写,输入特殊开头字符则会带出当前类别下的代码段,优化使用体验,定义如下使用规则:

  • 在js/jsx下输入taro就带出taro特有的代码段
  • 支持不带特殊符号的输入形式:如taronavigate和navigate都能带出taro路由跳转代码段
  • 代码段匹配字段都会尽量使用语义化的字段,如tarosetstorage:获取缓存,这样可以让用户记忆不再有太大记忆负担

目前支持的模板

Javascript代码模板

| 缩写 | 模板
| ---- | ---- | tarohide | taro toaset loading隐藏 | taronavigate | taro的路由跳转api代码段 | tarorequest | Request接口请求代码段 | tarocliboard | 剪贴板操作api | tarosetstorage | 设置key:data本地缓存 | tarogetstorage | 获取指定key的本地缓存 | tarosetstoragesync | 同步方式设置key:data本地缓存 | tarogetstoragesync | 同步方式获取指定key的本地缓存 | taroremovestoragesync | 同步方式删除指定key的本地缓存 | taroremovestorage | 异常方式删除指定key的本地缓存 | taroshowtoast | taro showToast显示消息提示框 | taroshowmodel | taro showModel显示模态对话框 | taroshowloading | taro showLoading显示消息提示框 | tarogetsysteminfo | getSystemInfo获取系统信息代码段 | tarogetsysteminfosync | getSystemInfoSync同步获取系统信息代码段

jsx代码模板

Javascript代码模板一样可以使用

| 缩写 | 模板
| ---- | ----
| taropage | taro page模板函数形式 | taropageclass | taro page模板class形式 | tarocomponent | taro component模板 | taropageconfig | taro page配置模板 | tarousehook | taro 特有hooks | taroview | View组件代码段 | tarotext | Text组件代码段 | taroimage | Image组件代码段 | taroscrollview | ScrollView组件代码段 | taroswiper | Swiper组件代码段 | tarobutton | Button组件代码段 | tarocheckbox | Checkbox组件代码段 | taroradio | Radio组件代码段 | taroinput | Input组件代码段 | tarotextarea | Textarea组件代码段 | tarowebview | Webview组件代码段 | tarocanvas | Canvas组件代码段 | taroad | Ad组件代码段

全局代码段

缩写 模板
gbdoc taro文挡地址
gbapi Taro Api文挡地址
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft