colorize
VSCode 系统自带的颜色选择器会导致开发卡顿，而且容易误触。但是关闭颜色选择器又无法直观的看到颜色代码所代表的颜色了，这个插件很好的弥补了这点。
注意，如果想要支持更多语言，则需要单独进行配置。
https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize
...大约 2 分钟
Remote Development
远程开发工具包包含四个插件，
加上 Remote Explorer 一共五个插件。
让你可以通过 VSCode 远程连接服务器进行开发作业，如果网络延迟足够低，感觉就跟本地开发没啥区别，体验丝滑。
包括 WSL 支持。
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack
...小于 1 分钟
DotENV
.env 文件支持
https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv
NGINX Configuration Language Support
nginx 配置文件高亮和语法提示
...小于 1 分钟
以下标签直接点开链接然后安装即可
VSCode 的中文支持
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
...大约 1 分钟
Go
go 语言支持，由 go 语言官方开发，好用！
https://marketplace.visualstudio.com/items?itemName=golang.Go
Go Template Support
go 语言模板文件高亮
https://marketplace.visualstudio.com/items?itemName=jinliming2.vscode-go-template
...小于 1 分钟
安装流程
可以参考这篇文章：
Visual Studio Code 入门教程
基本设置
初次使用建议点开左下角设置浏览一下设置项都有哪些。
右键侧边栏可以控制显示哪些选项。勾选账户。
然后登录你的 Github 或者 Microsoft 账户，这样就可以在多台设备中同步你的设置以及插件了。
...大约 1 分钟
...小于 1 分钟
一般的工作流以及需要用到的命令：
#将当前目录变成仓库
git init
#克隆远端仓库到本地
git clone <远程仓库地址>
#仅克隆某一个分支
git clone --single-branch -b <分支名称> <远程地址>
#查看当前工作区状态
git status
#该文件的修改添加到暂存区
git add <filename>
#暂存所有更改
git add .
#将未提交的修改保存起来
git stash
#拉取远端的更改到本地
git pull
#提交当前所有暂存
git commit –m <注释说明>
#切换工作分支
git checkout <分支名>
#新建分支
git checkout -b <分支名>
#将新建的分支推送到远端
git push --set-upstream origin <分支名>
#将一个分支合并到当前工作分支
git merge <分支名>
#查看分支所有分支包括远程分支
git branch -a
#回退版本
git reset HEAD^ 回退到上个版本
git reset --hard HEAD~3 回退到前3次提交之前，以此类推，回退到n次提交之前
git reset --hard commit_id
#删除远端分支
git push origin :<分支名>
#删除本地分支
git branch -d <分支名>
#将当前分支的 commit 推送到远端
git push...大约 1 分钟
有一些工作流比较复杂，同时涉及到多条命令，除非是自动化工作流，否则使用命令不仅难以记忆，操作效率也会很慢。
而且 文件会改动对比 这种事情用 图形化展示也会比较好一点。
GitHub Desktop
由 GitHub 开发的完全免费且开源的可自定义的 GUI 客户端程序。提供 Windows 和 macOS 版本。界面非常简洁，功能也非常实用。
...小于 1 分钟
...小于 1 分钟