VSCode初探

Visual Studio Code （简称 VS Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器。在我看来它是「一款完美的编辑器」。

快捷键

它的快捷键支持Vim、Sublime、Atom和其他的快捷键，可以根据自己平时用的编辑器接入进来，完全不用因为换了编辑器重新记一次快捷键，特别爽。
Mac平台上在快捷键部分， ⌘ 指 Command 键，⇧ 指 Shift 键，⌃ 指 Control 键，⌥ 指 Option/Alt 键。

插件安装方法

⌘+shift+p --->ext install -->然后选择安装扩展，然后寻找相应的插件进行安装即可

代码提示类插件

• Reactjs code snippets ---提供一些列react的快捷键，比如初始化一个类rcc，懒人专用~

其他常用插件

• Auto-Open Markdown Preview---这是一个markdown预览查看，快捷键Ctrl+K V" or "⌘+K V，注意，是先按下Ctrl，然后同时按住K，松手后按下V。它提供左边编辑右边预览
• Beautify css/sass/scss/less--- css/sass/less格式化
• Document This-----自动生成注释文档，包括(TypeScript 和JavaScript files)快捷键是Ctrl+Alt+D重复按两遍
• EditorConfig for Visual Studio Code 会生成.editorconfig 文件，项目将会优先以 .editorconfig 文件中配置一样的代码规范。
• Import Cost VSCode Extension--会显示引入文件的大小
• IntelliSense for CSS class names---css class输入提示
• Project Manager---快速切换项目
• npm Intellisense---对package.json内中的依赖包的名称提示
• Path Intellisense-----文件路径补全
• vscode-svgviewer--svg预览(相应快捷键：预览svg - Alt+Shift+S O,导出为png - Alt+Shift+S E or Alt+Shift+S X,将svg转为data URI，并且复制到剪贴板- Alt+Shift+S C，预览 SVG 并且导出PNG通过- Alt+Shift+S V)
• git lens ---显示文件最近的commit和作者，显示当前行commit信息 --相当方便