請注意，這是一個常用的列表，不是擴展提供的所有前綴。最完整和最新的列表請參考擴展的官方文檔或在 VS Code 中查看擴展的詳情頁面。

React (通常用于 .js, .jsx, .ts, .tsx):

• rfce: React Functional Component with Export Default
• rafce: React Arrow Function Component with Export Default
• rce: React Class Component with Export Default
• rcc: React Class Component
• rpc: React Pure Class Component
• rconst: Adds constructor and super (in a class)
• rprops: Adds defaultProps (in a class or functional component)
• rpropst: Adds propTypes (in a class or functional component)
• rstate: Adds state object (in a class)
• rcontext: React Context boilerplate

React Hooks (通常用于 .js, .jsx, .ts, .tsx):

• usf: useState hook template (e.g., const [name, setName] = useState(initialValue);)
• useEffect: useEffect hook template
• useRef: useRef hook template
• useMemo: useMemo hook template
• useCallback: useCallback hook template
• useContext: useContext hook template
• useReducer: useReducer hook template
• useImperativeHandle: useImperativeHandle hook template
• useLayoutEffect: useLayoutEffect hook template
• useDebugValue: useDebugValue hook template

React Native (通常用于 .js, .jsx, .ts, .tsx):

• rnfe: React Native Functional Component with Export Default
• rnfce: React Native Functional Component with Export
• rnsc: React Native Stylesheet Create (StyleSheet.create({}))
• rnssc: React Native Stylesheet Create with styles constant (const styles = StyleSheet.create({}))
• rncss: React Native Stylesheet Create shorthand (just styles)

Lifecycle Methods (Class Components):

• cdm: componentDidMount
• cdup: componentDidUpdate
• cwunmount: componentWillUnmount
• cdc: componentDidCatch
• cgsb: getSnapshotBeforeUpdate
• cserender: shouldComponentUpdate

Redux:

• redux-reducer: Basic Redux reducer structure
• redux-action: Basic Redux action creator structure

Other / Utilities:

• imr: import React from 'react'
• imrc: import React, { Component } from 'react'
• imrpc: import React, { PureComponent } from 'react'
• imrce: import React, { Component } from 'react' + Export Default (for class)
• imp: Generic Import (import ... from ...)
• impt: Generic Import Type (import type ... from ...)
• impc: Generic Import CSS (import './style.css')
• log: console.log()
• clg: console.log() (similar to log)
• clo: console.log(object)

再次提醒，這個列表涵蓋了大多數你可能日常使用的片段。當你安裝了擴展后，在編輯器中輸入前綴時，VS Code 的智能感知也會彈出建議列表，這有助于你發現和記住更多的前綴。