1、下载软件 https://code.visualstudio.com/
安装VScode教程
2、配置环境:添加环境变量,编辑path值,在原来的path后面加上eg ;E:\Microsoft VS Code\bin(英文的分号+vscode的bin路径)
安装VScode教程
安装VScode教程
安装VScode教程
这里注意下,下载后打开存放路径,找到文件夹中的bin,新建的值就是bin文件夹的路径
安装VScode教程
3、快捷键打开命令窗口:ctl + · (数字1前面的)
ctrl + shift + p 打开命令面板

4、安装插件:
安装VScode教程
查到后点击绿色的install,关闭后重新进入就行

以下插件看需求添加
Atom One Dark Theme 主题
One Dark Pro
Eva Theme
(打开命令面板,输入color)
Beautify 美化
Code Runner : 代码编译运行看结果,支持众多语言
Git History : 查看git分支提交日志的插件
Git History Diff : 寻找每一个git分支上面提交过的节点,并可以对比差异性。
Bracket Pair Colorizer :很多括号的情况下,这个插件可以做一个颜色的区分,代码一目了然。
Bookmarks : 这个插件支持在文件特定的行做标记,更好的提高开发效率。

Chinese (Simplified) Language Pack for Visual Studio Code : 适用于 VS Code 的中文(简体)语言包。
Markdown Preview Enhanced : 本地Markdown文档预览插件。
markdownlint(markdown语法纠错)
npm : 不多说npm。
fileheader :感觉用得上 新建文件作者注释

Local History :个人感觉很有用 本地代码的一个保存日志,在没有git,svn,或者很长时间没有提交过代码的情况下,感觉挺实用,再也不怕代码回滚。
Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)
Material Icon Theme(vscode图标主题)

Path Autocomplete : 路径智能补全插件。
Path Intellisense : 路径智能提示插件。

Ctrl+滚轮实现代码的缩放
file -> preferences -> setting
窗口右上角有一个open setting 按钮,是保存图标加上左上角的箭头
安装VScode教程
安装VScode教程
输入:“editor.mouseWheelZoom”: true
安装VScode教程
快捷键教程
https://blog.csdn.net/weixin_45601379/article/details/100550421

打开命令面板 cmd + shift + p / F1
打开设置页面 cmd + ,
删除一行 cmd + E(自定义)
添加书签 cmd + option + k
代码格式化 control + opiton + B

参考文档:
VSCode实现用Ctrl+滚轮实现代码的缩放

2018年最佳 VS Code 主题

相关文章: