VS code Code Snippet Customizing

3258 ワード

テキストリンク

ファイル>プリファレンス>ユーザーコードセグメント>新規コードセグメント(File>Preferences>User Code Segments>New Code Segments)


 "Print to console": {
	"scope" : "typescriptreact"
    "prefix": "trafce",
    "body": [
      "import React from 'react'\n",
      "$1interface ${TM_FILENAME_BASE}props {}\n",
      "const ${2:${TM_FILENAME_BASE}} = () => {",
      "return (<></>)",
      "}; \n",
      "export default React.memo(${2:${TM_FILENAME_BASE}})"
    ],
    "description": "tsx snippet"
  }

trafce를 입력하면 아래와 같은 내용이 자동으로 출력된다.

import React from 'react'

interface goodprops {}

const good = () => {
return (<></>)
}; 

export default React.memo(good)

scope:使用する言語
「prefix」:呼び出すタイプを入力
「body」:コール内容
body上$1$2...たとえば、タブキーを入力するたびにマウスカーソルの位置を設定できます.$1は初期カーソル位置
ドラッグしてカーソルを適用するには:${1:ドラッグする内容}
説明:説明

Reference

この問題について(VS code Code Snippet Customizing), 我々は、より多くの情報をここで見つけました https://velog.io/@gytlr01/VS-code-Code-Snippet-Customizing

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

OpenCVLoader.initDebug();

Asp.Net浅談の——内蔵オブジェクト