您的位置: 首页  >  文章  >  VS Code系列：（一）初识篇

VS Code系列：（一）初识篇

分类: 文章 • 2024-08-24 21:01:52

前置知识

  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. 基本每月更新，各种扩展嗨翻天；

下载安装

特色

  • 支持 热备份

》打开并修改文件后，突然关闭，即使文件没有保存，再次打开也会保留之前文件的编辑状态；
VS Code系列：（一）初识篇

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

》这一点不同于 sublime ，sublime依赖的是package control
VS Code系列：（一）初识篇

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

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

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

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

  • 集成 markdown 预览

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

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

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

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

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

  • 集成终端

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

使用技巧

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

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

  • 习惯使用 快捷键

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

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

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

相关推荐