VSCスニペットを作成する方法
1434 ワード
それは非常にVSCなどのスニペットを使用するように便利です
タブを作成する
あなたの設定に移動し、“ユーザースニペット”
2 .スニペットの作成
引用符はここで非常に重要です
例を簡単に見てください.
「接頭語」:「RNFC」これは、あなたの新しい速記 です
あなたは空のラインを定義することができます ${ tmCount filenamechen base }ファイルの名前を持つファイルを作成する
$ 0は、カーソルがコードブロック を作成した後にあるべきであるVSCを教えます
今からRNFCを入力し、タブを押すだけで、作成したコードブロックを取得できます.
タブを作成する
import React from 'react'
function test() {
return (
<div>test</div>
)
}
export default test;
あなたの設定に移動し、“ユーザースニペット”
2 .スニペットの作成
引用符はここで非常に重要です
例を簡単に見てください.
{
"Function Component": {
"prefix": "rnfc",
"body": [
"import React from 'react';",
"import { View, StyleSheet } from 'react-native';",
"",
"function ${TM_FILENAME_BASE}(props){",
" return <View style={styles.container}>$0</View>;",
"};",
"",
"const styles = StyleSheet.create({",
" container: {},",
"});",
"",
"export default ${TM_FILENAME_BASE};"
]
}
あなたは空のラインを定義することができます
$ 0は、カーソルがコードブロック
今からRNFCを入力し、タブを押すだけで、作成したコードブロックを取得できます.
Reference
この問題について(VSCスニペットを作成する方法), 我々は、より多くの情報をここで見つけました https://dev.to/ratzgabriel/how-to-create-a-vsc-snippet-40b0テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol