以前コードを書き終えるたびに二重引用符やセミコロンを使用して不快に感じていたので、引用符を付けずに単一引用符になるように修正するようなものです。次の形式は簡潔で明確に見えます。
修正方法:settings.jsonファイルの
ショートカットキー「Ctrl + Shift + P」をコマンドパネルを開くように変更します。
次の構成を追加します。
完全な設定を貼り付けます。
{
"editor.fontSize": 18,
"editor.linkedEditing": true,
"editor.unicodeHighlight.ambiguousCharacters": false,
"extensions.ignoreRecommendations": true,
"editor.unicodeHighlight.invisibleCharacters": false,
"explorer.confirmDragAndDrop": false,
"editor.formatOnSave": true,
"editor.formatOnType": true,
"css.hover.references": false,
"editor.hover.enabled": false,
"html.hover.references": false,
"prettier.useEditorConfig": true,
"prettier.jsxSingleQuote": true,
"prettier.singleQuote": true,
"prettier.trailingComma": "none",
"prettier.semi": false,
"explorer.confirmDelete": false,
"security.workspace.trust.untrustedFiles": "open",
"cssrem.rootFontSize": 80,
"liveServer.settings.donotShowInfoMsg": true,
"terminal.integrated.fontSize": 13,
"liveServer.settings.donotVerifyTags": true,
"vetur.validation.template": false,
"vetur.validation.script": false,
"eslint.enable": false,
"gitlens.advanced.messages": {
"suppressLineUncommittedWarning": true
},
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"workbench.iconTheme": "vscode-icons",
"workbench.colorTheme": "One Dark Pro Flat",
"terminal.external.osxExec": "iTerm.app",
"workbench.startupEditor": "none",
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
},
"vsicons.dontShowNewVersionMessage": true,
"emmet.triggerExpansionOnTab": true,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}