[TOC]
vscode 安装
软件直接在vscode官网（https://code.visualstudio.com/）下载安装。
建议将下图红框中勾选，安装完成后可通过鼠标右键打开vscode。
安装界面
使用介绍
插件安装
 安装完成后，左侧栏可以看到不同模块，一开始包含资源管理，搜索栏，git，debug，插件模块。个别插件安装后会新增新模块，例如Remote-SSH。
 插件模块具有很多第三方开发的模块，极大方便vdcode的使用。
 根据个人熟悉的编程语言，选择对应的插件。本人目前用到的插件主要有：
Chinese (Simplified) Language Pack for Visual Studio Code：中文-软件语言包
python，jupyter，kite：python相关的插件
markdownlint，Markdown Preview Enhanced：markdown语法提示和预览，个人觉得比vscode自带的markdown好用
Power Mode：炫酷编码特效
Remote-SSH：远程登陆
 插件安装完成后，查看插件介绍及使用说明，个别插件需要手动设置，例如Power Mode。需要修改设置json文件。使用快捷键Ctrl+Shift+P，进入命令模式，输入settings.json，选择Open Settings(JSON)。输入对应的键值对即可。Power Mode为例：
{
    "powermode.enabled": true              // 打开powermode
    "powermode.shakeIntensity": 0        // 关闭抖动效果
    "powermode.presets":"fireworks"     // 设置不同效果，不设定则默认   
}
效果图（来自网络，侵删）
登录vscode
vscode左下角有个登录选项，但这种登录不是直接注册登录，而是通过第三方账号登录，选择Turn on Settings Sync，命令框会提示登录并打开，点击后会让你选择GitHub账号或者Microsoft账号，选择先注册才能进行授权，本人使用的是GitHub，这里就用github来介绍。
登录界面
Github授权。点击使用GitHub账号登录后，会跳转到GitHub授权界面，同意并登录GitHub。完成后会提醒成功授权，之后会自动跳转会vscode，自动设定，如果不成功，根据提醒按步骤执行。
Github授权vscode界面
Github跳转vscode提示授权修改
报错：登录失败。
解决：打开git，指定git存储库，启动存储库初始化。再重新授权登录即可。如果还未生效，可重启vscode。打开左下角，发现已经登录成功，git还可以将文件同步到GitHub。
登录失败报错及解决
修改终端
windows的cmd和PowerShell，个人觉得都不是很好用，所以本人另外安装了git，通过git在windows上使用比较舒服。vscode终端默认是系统自带的（bash, powershell），但也可以修改为其他的，如果安装了git，可以修改为git。
直接选择Git Bash，会报错，无法自动写入设置，需要手动修改。跟之前一样，需要到settings.json文件中修改，添加"terminal.integrated.shell.windows": "C:Program FilesGitbinbash.exe"即可，路径修改为个人具体安装路径。
Shell选择
远程访问服务器
远程访问，需要先安装Remote-SSH插件。会自动安装另一个插件Remote - SSH: Editing Configuration Files。
访问步骤：
使用快捷键Ctrl+Shift+P，在命令框输入remote-ssh，选择connet to host。
输入user@host
选择服务器系统类型
输入服务器登录密码
完成登录。部分插件需要在服务器重新安装。
访问服务器步骤
报错1：ECDSA key fingerprint
ECDSA key fingerprint is SHA**********************************.
Are you sure you want to continue connecting (yes/no)?
解决1：因为使用remote-ssh登录时无法进行交互确认，所以会报错。只需要在vscode终端使用ssh登录且确认后，再使用remote-ssh进行登录，报错就解决。
报错2：bad owner or permissions on .ssh/config
 原因：因为Remote-SSH连接服务器需要用到Remote - SSH: Editing Configuration Files插件，而这个插件编辑~/.ssh/config之后，config文件权限发生了更改。这是不仅vscode连接不了，系统powershell也连接不了（但是git可以连接，当时以为修改默认shell就能解决，结果还是不行，remote还是用powershell打开）。但是删除了config文件后，powershell就能正常运行ssh。
 解决2.1：重新修改权限
chmod 600 ~/.ssh/config
chown $USER ~/.ssh/config
 解决2.2： openssh辅助
 GitHub下载openssh-portable。 git clone https://github.com/PowerShell/openssh-portable.git
下载后，powershell或git进入cd ./openssh-portable/contrib/win32/openssh，执行./FixUserFilePermissions.ps1 -Confirm:$false。
如果报错：无法加载文件 FixUserFil ePermissions.ps1，因为在此系统上禁止运行脚本。则执行Set-ExecutionPolicy RemoteSigned，输入Y，重新执行步骤2，执行完成后，再次执行Set-ExecutionPolicy RemoteSigned，输入N。
完成后，按照访问步骤连接服务器。
参考资料
[1]. https://zixizixi.cn/windows_vscode_ssh_error_bad-owner-or-permissions

微软发布了 7 月的 Visual Studio Code Python 扩展更新，此版本总共修复了 51 个问题，其中包括：
支持新的语言服务器：Pylance
Gather 扩展
将 Notebook 导出为 HTML 和 PDF
调试器的反向连接
支持新的语言服务器：Pylance
Pylance 是微软基于 Microsoft Pyright 静态类型检查工具的新语言服务器。它是一种快速的语言服务器，提供了许多功能来帮助用户编写代码，包括自动导入、无效代码检测、参数和返回类型信息等等。
Pylance 最近添加的一项功能是上下文高亮显示：
Gather 扩展
此版本增加了对新的实验性扩展 Gather 的支持。该工具用于分析并确定 Notebook 中必要的代码依存关系，并执行代码清除，自动执行此困难且耗时的任务。
用户无需手动删除未使用的导入内容或不相关的代码即可清理 Notebook。Gather 的最终文件格式可以使用 VS Code 设置 “Data Science: Gather To Script” 进行自定义。
将 Notebook 导出为 HTML 和 PDF
导出为 PDF 需要安装 TeX。
调试器的反向连接
现在可以使用反向连接更轻松地启动远程调试器会话。
将 ptvsd（VS Code 中的 Python 调试器）附加到 Python 进程或远程计算机时，需要设置远程 Python 进程，以便它侦听附加请求，然后在 VS Code 中启动调试器会话以附加到该进程。
但是该附加操作可能会很棘手，也许需要很长时间才能在远程计算机上启动，或者可能连接超时。
此版本支持将调试器配置为反向连接。现在可以将远程 Python 进程设置为连接到特定地址（端口号或主机和端口元组），并在 VS Code 中运行附加配置以开始侦听同一地址，以将其附加到进程。
现在，可以使用 VS Code 启动调试器，以便它开始侦听连接请求。当启动 Python 进程时，它将在定义的断点处停止。
其他改进
支持连接到 Jupyter hub servers 使用服务器的基本 URL（即 https://111.11.11.11:8000）或用户文件夹（即 https://111.11.11.11:8000/user/theuser）。与密码认证一起使用。
增加了配置是否扩展传递给调试器的参数的功能。
更新至 jedi 17.1
如果工作区根目录中存在 toml 文件，则自动激活扩展名。
更新说明：https://devblogs.microsoft.com/python/python-in-visual-studio-code-july-2020-release/ 
文章转载自 OSCHINA 社区 [http://www.oschina.net]
首本 VS Code 中文书《Visual Studio Code 权威指南》来啦！希望通过这本书，能带你深入浅出 Visual Studio Code。

VSCode常用插件


Bookmarks


1. F1输入[打开键盘快捷方式]
2. 输入bookmarks后可以相应更改添加/删除标签(即开关选项)，跳转到上一个标签和跳转到下一个标签的快捷键
3. 我设置的是PgUp跳转到上一个标签，PgDn跳转到下一个标签，Ctrl+T添加或删除标签



Bracket Pair Colorizer




Chinese(Simplified) Language Pack for VScode




Kite Autocomplete Plugin for Visual Studio Code




koroFileHeader


1.文件头部添加注释:
	快捷键：window：ctrl+alt+i,mac：ctrl+cmd+i, linux: ctrl+alt+i
2.在光标处添加函数注释:
	快捷键：window：ctrl+alt+t,mac：ctrl+cmd+t,linux: ctrl+alt+t

自定义注释模板：F1输入settings，点击【首选项：打开设置(json)】在json文件中添加如下内容
"fileheader.customMade": {
    "Description": "",
    "Autor": "作者名",
    "Date": "Do not edit",
    "LastEditors": "作者名",
    "LastEditTime": "Do not edit"
    }, //文件头部注释，来自koroFIleHeader
    "fileheader.cursorMode": {//函数注释
    "description": "",
    "param": "",
    "return": "",
    },



One Dark Pro




vscode-icons



关于文件夹折叠：如下图



可以在设置中输入compactFolders，取消勾选即可有下面的效果




其他：Excel Viewer,Rainbow CSV


常用快捷键
 1.格式化代码：ctrl+shift+F
 2.参数提示功能：ctrl+shift+space 可按F1输入[首选项：打开键盘快捷方式],点击进去后输入[参数提示]设置

	

本文来源于：老袁聊前端
宇宙最好用的编译器：Vscode，推荐以下十大使用插件！
1.代码智能提示
Kite AI Code AutoComplete
Kite 支持js与python的多行补全功能，可帮助你在保持流程顺畅的同时加快编码速度。
推荐指数： ????
GitHub：https://github.com/kiteco/vscode-plugin
VSCode地址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
Tabnine Autocomplete AI
Tabnine 是功能强大的人工智能助手，能帮你更快地敲代码并减少错误。Tabnine 基于 AI 深度学习算法，能够预测你编码意图并提供一键式代码完成， 而且完全免费。
推荐指数：?????
github：https://github.com/codota/tabnine-vscode
VSCode地址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
备注：低配电脑慎用
JavaScript (ES6) code snippets
支持JavaScript和TypeScript
推荐指数：???
github：xabikos/vscode-javascript
VSCode地址：https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
备注：常规ES代码提示块
2.主题+文件夹Icons
❝
依据个人喜好配置
❞
Night Owl
给夜猫专用主题，而且针对喜欢深夜工作的码农进行了优化，甚至顾及到了有色盲和夜盲的人。
推荐指数：?????
github：https://github.com/sdras/night-owl-vscode-theme
VSCode地址：https://marketplace.visualstudio.com/items?itemName=sdras.night-owl
One Dark Pro
Atom 的标志性 One Dark 主题，也是VS Code中安装次数最多的主题之一。
推荐指数：????
github：https://github.com/Binaryify/OneDark-Pro
VSCode地址：https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
Material Theme
号称最适配Visual Studio Code的史诗般的主题。
推荐指数：???
github：https://github.com/material-theme/vsc-material-theme
VSCode地址：https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme
Ayu
一个色彩鲜艳的主题，提供三种版本：dark，light，mirage。
推荐指数：????
github：https://github.com/ayu-theme/vscode-ayu
VSCode地址：https://marketplace.visualstudio.com/items?itemName=teabyii.ayu
Material Theme Icons
推荐指数：?????
github：https://github.com/material-theme/vsc-material-theme-icons
VSCode地址：https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons
Dracula Theme
推荐指数：?????
github：https://github.com/gerane/VSCodeThemes
VSCode地址：https://marketplace.visualstudio.com/items?itemName=gerane.Theme-Dracula
3.大型项目新建文件
advanced-new-file
github：patbenatar/vscode-advanced-new-file
VSCode地址：https://marketplace.visualstudio.com/items?itemName=patbenatar.advanced-new-file
4.分享代码
carbon-now-sh
VSCode地址：https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh
5.运行调试代码
Code Runner
github：https://github.com/formulahendry/vscode-code-runner
VSCode地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
javascript console utils
帮你一键插入 console.log() 并自动填充内容。
github：https://github.com/whtouche/vscode-js-console-utils
VSCode地址：https://marketplace.visualstudio.com/items?itemName=whtouche.vscode-js-console-utils
Live Server
启动具有实时重新加载功能的本地开发服务器，可以处理静态和动态页面。
github：https://github.com/ritwickdey/vscode-live-server
VSCode地址：https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
6.字体选项
❝
依据个人喜好配置
❞
Cascadia Code(配置fontLigatures)
微软官方推荐，值得拥有～
推荐指数：?????
下载地址：https://github.com/microsoft/cascadia-code/releases
Fira Code
推荐指数：????
下载地址：https://github.com/tonsky/FiraCode
Hack Nerd Font
推荐指数：?????
github：
下载地址：https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/Hack
Menlo
推荐指数：???
Chalkboard
推荐指数：???
Consolas
推荐指数：???
Geeza pro
推荐指数：???
Roboto Mono
推荐指数：???
7.自定义VsCode
Fix VSCode Checksums
用于在更改VSCode核心文件后调整校验和的扩展。一旦应用了校验与更改并重新启动VSCode，就能够消除所有关于核心文件被修改的警告，例如标题栏中显示[Unsupported]或启动时出现以下对话框：
推荐指数：?????
github：https://github.com/lehni/vscode-fix-checksums
VSCode地址：https://marketplace.visualstudio.com/items?itemName=lehni.vscode-fix-checksums
Custom CSS and JS Loader
推荐指数：????
github：https://github.com/be5invis/vscode-custom-css
VSCode地址：https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css
background
给你的VSCode加个背景
推荐指数：?????
VSCode地址：https://marketplace.visualstudio.com/items?itemName=shalldie.background
SynthWave '84
据作者说他想穿越回1984年的夏天，因为他喜欢那个年代的霓虹灯。。。
推荐指数：?????
github：https://github.com/robb0wen/synthwave-vscode
VSCode地址：https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
Vibrancy
半透明效果
推荐指数：?????
github：https://github.com/EYHN/vscode-vibrancy
VSCode地址：https://marketplace.visualstudio.com/items?itemName=eyhn.vscode-vibrancy
8.提升你的正则技能
RegExp Preview and Editor
https://marketplace.visualstudio.com/items?itemName=Lulus.vscode-regexp-preivew
Regex Previewer
https://marketplace.visualstudio.com/items?itemName=le0zh.vscode-regexp-preivew
9.美化JavaScript代码
Prettier - Code formatter
推荐指数：???
github：https://github.com/prettier/prettier-vscode
VSCode地址：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
ESLint
地球人都知道，不多说了
推荐指数：?????
highlight-icemode
推荐指数：???
github：https://github.com/EsIce/highlight-icemode
VSCode地址：https://marketplace.visualstudio.com/items?itemName=iceliu.highlight-icemode
Bracket Pair Colorizer 2
推荐指数：???
github：https://github.com/CoenraadS/Bracket-Pair-Colorizer-2
VSCode地址：https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
10.Package.json 及时查看包版本号
Version Lens
VSCode地址：https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens
最后是主题推荐：Night Owl + Material Theme Icons + Vibrancy + Cascadia Code