既定の UI 言語をオーバーライドするには、Configure Display Language コマンドを使用して、VS Code の表示言語を明示的に設定します。
Ctrl+Shift+P を押して "コマンド パレット" を表示し、display と入力して Configure Display Language コマンドをフィルターして表示します。
Enter キーを押すと、インストールされている言語の一覧がロケールごとに表示され、現在のロケールが強調表示されます。
UI 言語を切り替えるには、別の "ロケール" を選択してください。"plantuml.exportOutDir": "plantuml"Last updated
{
// Place your snippets for javascriptreact here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"react component": {
"prefix": "react component",
"body":[
"import React from 'react'",
"import styled from 'styled-components'",
"",
"// Props",
"type ComponentProps = {",
" className: string",
"} & $1Props",
"",
"// DOM",
"const Component: React.VFC<ComponentProps> = props => (",
" <div className={props.className}>",
" </div>",
")",
"",
"// Style",
"const StyledComponent = styled(Component)`",
">",
"`;",
"",
"// Props",
"type $1Props = {",
"}",
"",
"// Container",
"export const $1: React.FC<$1Props> = props => {",
"",
" return (",
" <StyledComponent",
" className=\"rootContainer\"",
" />",
" )",
"}",
],
"description": "react component template",
},
}