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

xy-taro-snippets

lingchao

|
91 installs
| (0) | Free
xy-taro相关提示
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

taroSnippets

javascript&&typescript片段

taroPage

import React from 'react'
import { View } from '@tarojs/components'
import Taro from '@tarojs/taro'
import style from './index.module.scss'
const App = () => {
  return (<View></View>)
}
export default App

taroComponent

import React from 'react'
import { View } from '@tarojs/components'
import Taro from '@tarojs/taro'
import style from './index.module.scss'
const App = () => {
  return (<View></View>)
}
export default React.memo(App)

taroGlobalComponent

  • taro全局组件使用

TaroNetworkImage

  • 引入网络图片使用

TaroStaticImage

  • 引入静态图片使用

scss

  • 参考项目中的default.scss与mixins目录下所有文件
  • 让default.scss所有自定义变量拥有提示,提示写法与原始写法保持一致

default.scss

color: $color-primary;

mixins

  • 所有mixins改为@开头,直接使用
@flex

// 编译为
/*
  @include flex($1, $2);
*/
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft