VS Code系列：（一）初识篇

前置知识

1. 本篇文章： vscode 的版本 1.19.2
2. 安装系统：windows 7 64位
3. 主要适用：web前端开发

简介

• 官方介绍

  VisualStudioCode是一个轻量级且功能强大的源代码编辑器，它运行在桌面上，支持Windows、MacOS和Linux系统。它提供了对JavaScript、TypeScript和Node.js的内置支持，并为其他语言（如C、C#、Java、Python、PHP、GO）提供了一个丰富的扩展生态系统和运行平台（如.NET 和 Unity）。

• 题外话

  1. VS Code 编辑器组件来自online editor Monaco，由“四人帮之一的”Eric Gamma 率领团队打造；
  2. 基于 Electron 开发、typescript编写、底层 Node.js 打造的一个编辑器 , 不是IDE，被称为“披着IDE外衣的编辑器”；
  3. 出身微软，一个全平台的编辑器，技术保证；
  4. 与Github社区联系紧密，在社区汲取营养；
  5. 基本每月更新，各种扩展嗨翻天；

下载安装

• 下载地址

  官方网址：https://code.visualstudio.com/

• 支持平台

  Windows 、 OS X 、 Linux

特色

• 支持 热备份

》打开并修改文件后，突然关闭，即使文件没有保存，再次打开也会保留之前文件的编辑状态；

• 扩展插件的集成，不依赖第三方插件市场

》这一点不同于 sublime ，sublime依赖的是package control

• 代码智能提示功能（IntelliSense功能）

》根据文档上下文为变量类型、函数定义和导入模块提供代码智能补全功能；
》通常配合一些插件效果更佳；

• 集成语法校验（javascript，sass，less，css , php）

• 代码导航和重构：使用peek和navigate to definition功能可以查阅浏览你的源代码，代码重构变得轻而易举。

• 集成 markdown 预览

• 更换主题，打造专属编辑器

• 自定义快捷键和 snippet（片段）

• 集成可配置调试环境( nodejs )

• Git服务的集成，可视化操作也能代码操作。

  》需要配合一些插件，效果更好；

• 集成终端

  》可以快速切换到当前文件目录，很实用；

使用技巧

• 个人认为，VS Code这么流行的一个很重要的原因：

  插件的极大丰富，所以经常去逛一逛插件扩展市场，总会有新发现；

• 习惯使用 快捷键

  这个问题，是一个老生常谈的话题，用的溜，效率会提高很多；

• 有时间可以仔细看看官方文档，会发现很多新知识，提升自己的使用水平；

  一方面可以提高英文水平，另一方面会发现新技巧也说不定；