vscode配置常用的插件

1.插件



2.setting
{
“workbench.colorTheme”: “Horla”,
“editor.fontSize”: 18,
“editor.fontWeight”: “300”,
“workbench.iconTheme”: “vscode-icons”,
“editor.tokenColorCustomizations”: {
“comments”: “#0400ffee”, // 注释
“keywords”: “#FF00CC”, // 关键字
“variables”: “#3399FF”, // 变量名
“strings”: “#c404ff”, // 字符串
“functions”: “#ff0000fd”, // 函数名
“numbers”: “#fc0000ee” // 数字
},
“editor.tabSize”: 2,
“editor.formatOnSave”: true,
“prettier.trailingComma”: “es5”,
“prettier.singleQuote”: true,
“terminal.integrated.shell.windows”: “D:\Git\bin\bash.exe”,//自己电脑gitbash的地址
“editor.mouseWheelZoom”: true,
“files.insertFinalNewline”: true,
“files.autoSave”: “off”,
“prettier.arrowParens”: “always”,
“prettier.useTabs”: true,
“editor.autoClosingOvertype”: “never”,
“editor.autoSurround”: “never”,
“vsicons.dontShowNewVersionMessage”: true,
“[html]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode”
},
“[vue]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode”
}
}

3.代码片段
{
// Place your snippets for properties 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”: {
“scope”: “editorconfig”,
“prefix”: “init”,
“body”: [
“root &＃61; true”,
“”,
“[]",
“charset &＃61; utf-8”,
“indent_size &＃61; 2”,
“indent_style &＃61; space”,
“end_of_line &＃61; lf”,
“trim_trailing_whitespace &＃61; true”,
“insert_final_newline &＃61; true”,
“tab_width &＃61; 2”,
“”,
"[.md]”,
“trim_trailing_whitespace &＃61; false”
],
“description”: “init editorconfig”
}
}