settings.json
{
"editor.detectIndentation": false,
"editor.wordWrap": "on",
"editor.renderControlCharacters": true,
"editor.renderWhitespace": "boundary",
"editor.tabSize": 2,
"editor.bracketPairColorization.enabled": true,
"editor.bracketPairColorization.independentColorPoolPerBracketType": true,
"git.autofetch": true,
"terminal.integrated.profiles.windows": {
"GitBash": {
"path": "D:\\Program Files\\Git\\bin\\bash.exe"
}
},
"terminal.integrated.defaultProfile.windows": "GitBash",
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.fontWeight": "300",
"terminal.integrated.fontFamily": "Meslo LG L for Powerline",
"terminal.integrated.tabs.enabled": true,
"files.associations": {
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript",
"*.env.development": "env",
"*.env.production": "env"
},
"minapp-vscode.disableAutoConfig": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"wxml": "html"
},
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"window.dialogStyle": "custom",
"window.zoomLevel": -1,
"workbench.activityBar.visible": true,
"workbench.colorTheme": "One Dark Pro Darker",
"workbench.editor.tabCloseButton": "right",
"workbench.list.smoothScrolling": true,
"workbench.iconTheme": "material-icon-theme",
"workbench.productIconTheme": "fluent-icons",
"workbench.sideBar.location": "left",
"workbench.editorAssociations": {
"*.ipynb": "jupyter.notebook.ipynb"
},
"workbench.colorCustomizations": {
// "activityBarBadge.background": "#84FFFF",
"list.activeSelectionForeground": "#84FFFF",
"list.inactiveSelectionForeground": "#84FFFF",
"list.highlightForeground": "#84FFFF",
"scrollbarSlider.activeBackground": "#84FFFF50",
"editorSuggestWidget.highlightForeground": "#84FFFF",
"textLink.foreground": "#84FFFF",
"progressBar.background": "#84FFFF",
"pickerGroup.foreground": "#84FFFF",
"tab.activeBorder": "#84FFFF",
"notificationLink.foreground": "#84FFFF",
"editorWidget.resizeBorder": "#84FFFF",
"editorWidget.border": "#84FFFF",
"settings.modifiedItemIndicator": "#84FFFF",
"settings.headerForeground": "#84FFFF",
"panelTitle.activeBorder": "#84FFFF",
"breadcrumb.activeSelectionForeground": "#84FFFF",
"menu.selectionForeground": "#84FFFF",
"menubar.selectionForeground": "#84FFFF",
"editor.findMatchBorder": "#84FFFF",
"selection.background": "#84FFFF40"
},
// Live Server
// To switch between localhost or 127.0.0.1 or anything else. Default is 127.0.0.1
"liveServer.settings.host": "127.0.0.1",
"liveServer.settings.donotShowInfoMsg": true,
"materialTheme.accent": "Sky",
"diffEditor.ignoreTrimWhitespace": false,
"vetur.experimental.templateInterpolationService": true,
"todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)",
"prettier.useTabs": true,
"prettier.jsxSingleQuote": true,
"prettier.enable": false, // I only use Prettier for manually formatting
"prettier.printWidth": 200,
"prettier.semi": false,
"prettier.singleQuote": true,
// "js/ts.implicitProjectConfig.checkJs": true,
"sync.gist": "e4fa0c3080d705db470f7fdea6186a69",
"sync.quietSync": true,
"sync.autoUpload": true,
"sync.forceDownload": true,
"sync.forceUpload": true,
"tabnine.experimentalAutoImports": true,
}
extensions.json
导出插件列表可以在终端执行
code --list-extensions
{
"recommendations": [
"abusaidm.html-snippets",
"bierner.color-info",
"ChandZhang.wechat-snippet",
"christian-kohler.npm-intellisense",
"christian-kohler.path-intellisense",
"cnyballk.wxml-vscode",
"DavidAnson.vscode-markdownlint",
"dbaeumer.vscode-eslint",
"donjayamanne.githistory",
"dsznajder.es7-react-js-snippets",
"eamodio.gitlens",
"ecmel.vscode-html-css",
"EditorConfig.EditorConfig",
"emmanuelbeziat.vscode-great-icons",
"Equinusocio.vsc-material-theme",
"equinusocio.vsc-material-theme-icons",
"esbenp.prettier-vscode",
"formulahendry.auto-close-tag",
"formulahendry.auto-rename-tag",
"formulahendry.code-runner",
"Gruntfuggly.todo-tree",
"IronGeek.vscode-env",
"johnsoncodehk.volar",
"kisstkondoros.vscode-gutter-preview",
"LeetCode.vscode-leetcode",
"MariusAlchimavicius.json-to-ts",
"miguelsolorio.fluent-icons",
"mkxml.vscode-filesize",
"ms-azuretools.vscode-docker",
"MS-CEINTL.vscode-language-pack-zh-hans",
"ms-vscode-remote.remote-containers",
"ms-vscode-remote.remote-ssh",
"ms-vscode-remote.remote-ssh-edit",
"ms-vscode-remote.remote-wsl",
"ms-vscode-remote.vscode-remote-extensionpack",
"msjsdiag.debugger-for-chrome",
"octref.vetur",
"oysun.vuehelper",
"PKief.material-icon-theme",
"qiu8310.minapp-vscode",
"ritwickdey.LiveServer",
"Shan.code-settings-sync",
"steoates.autoimport",
"stylelint.vscode-stylelint",
"TabNine.tabnine-vscode",
"techer.open-in-browser",
"unbug.codelf",
"vscode-icons-team.vscode-icons",
"WakaTime.vscode-wakatime",
"WallabyJs.quokka-vscode",
"wayou.vscode-todo-highlight",
"wix.vscode-import-cost",
"xabikos.ReactSnippets",
"zhuangtongfa.material-theme",
]
}
Preview
快捷键
Win
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
macOS
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf
Mac设置iTerm2终端样式
Meslo LG L for Powerline
命令行打开 VSCode
- 手动打开 vscode
- command + shift + p 打开命令面板(或者点击菜单栏 查看>命令面板)
- 输入shell(选择”install code command in PATH”)
- 打开终端 进入需要用IDE打开的文件夹 输入”code ~/Di-got/GitHub/Front-End”
远程服务器
利用插件实现远程服务器开发