跟着项目的学习，发现每个组件新开始都是需要引入React、模块化CSS、写函数式组件然后暴露， 之前是用过快捷定义箭头函数，现在想着去试试大片的代码片段。 直接上成果
"typescript-react": {
"prefix": "rfct",
"body": [
"import React from 'react';",
"import styles from './${1:ComponentName}.module.css';",
"",
"export const ${1:ComponentName}: React.FC = () => {",
" return (",
" <div></div>",
" );",
"}",
"",
],
}
说一些注意事项吧：
1.需要输入的的地方都是双引号包裹起来，哪怕是空行。 2. “prefix”表示你要输入的快捷提示符， “body”是根据提示符出来的代码， “scope”是应用范围，如果不写就是任意编码环境都会触发，建议可以写上，这样就不会说在写css的时候也会触发代码提示，我这偷懒了 花括号外面的“typescript-react”可以随便起名，就是一个提示的作用，见下图右下角
3.$1 表示一个简单的占位符，就是光标会出现的地方，${1:defaultText}则会带有默认文本，此处就是出现defaultText。
