分享

宇宙最强编辑器VS Code

 袁先森lemon 2019-05-23

0.VSCode专栏简介

首先简要的介绍一下,本专栏的作者之前痴迷于上古神器 —— 编辑器之神vim,特别喜欢折腾,后来偶然的机会接触到VS Code,这个基于前端技术的编辑器引起了我强烈的兴趣,果断转到VS Code(真香啊),后来深入研究,创作了本专栏,希望可以手把手带领感兴趣的小伙伴上手宇宙最强编辑器VS Code,高效编码,高效划水。

先放上本专栏的目录,满足一下好奇心:

  • 初识VS Code

  • 美化VS Code

  • 高效编码

  • 使用VS Code + MinGW-W64进行C/C++开发

  • 使用VS Code + JDK进行Java开发

  • 使用VS Code + Python进行Python开发

  • 使用VS Code编辑Markdown文档

  • 使用VS Code在线听网易云

  • 使用VS Code + SSH 进行远程开发

  • 使用VS Code + Git进行版本控制

最后,欢迎感兴趣的小伙伴留言或者通过公众号后台私聊我,一起嗨皮^_^

1.VSCode简介

vscode是微软公司开发的一款代码编辑器,为什么称之为宇宙最强编辑器呢?原因如下:

  • 开源免费

  • 轻量级

  • 跨平台

当然,这只是最基本的,它对编程语言的支持更是强大:

  • 内置对JavaScriptTypeScriptNode.js的支持;

  • 其他语言的扩展生态系统:C/C++C#JavaPythonPHPGo

  • 运行时环境的支持:.NETUnity

它提供的快捷键绑定扩展非常多(Vim, Sublime Text, IntelliJ, Emacs, Atom, Visual Studio, Eclipse)可以根据我们喜欢的而定,更加有效率的写代码~

在代码管理功能方面,VScode内置了使用Git的代码管理,但是需要系统上先安装有Git

除此之外,它强大的扩展插件生态系统还提供各种代码主题、图标主题等等用于优化我们的工作环境,当然,如果你愿意,还可以使用网易云扩展听歌~

2.安装运行VS Code

2.1.下载

VSCode是一个跨平台的软件,下载时选择与自己系统相匹配的:官方下载链接(https://code.)。

2.2.安装

VScode在windows下的安装非常简单,双击安装包运行安装程序,选择合适的目录安装即可。

2.3.运行

2.3.1.可视化界面运行

在菜单中选择VS Code或者点击桌面快捷图标直接运行即可:

2.3.2.在命令行运行

VScode在自动安装完成后会自动添加安装目录到环境变量中,重启后生效,然后我们可以在命令行使用code运行VSCode,其可选项如下:

# 在当前目录下打开VS Code
code .

# 在当前目录下打开VS Code并添加到最近使用目录
code -r .

# 只打开VS Code,不打开任何目录和文件
code -n

# 打开VS Code并切换到指定的语言
code --locale=es

# 在命令行输出VS Code的帮助
code --help

# 打开VS Code并禁用所有扩展
code --disable-extensions .

2.4..vscode文件夹

在VScode打开一个目录时,会自动创建一个.vscode文件夹,位于打开目录下。

例如:

  • tasks.json对于Task Runner使用;

  • launch.json对于调试器使用;

3.VSCode用户界面

Visual Studio Code的核心是代码编辑器:

  • 左侧采用通用用户界面和浏览器布局,显示您可以访问的所有文件和文件夹;

  • 右侧显示编辑器,显示已打开文件的内容;

用户界面分为五个方面:

  • A:活动栏 - 位于最左侧,可以在视图之间切换;

  • B:侧栏 - 包含不同的视图,如资源管理器,可在您处理项目时为您提供帮助;

  • C:编辑器 - 编辑文件的主要区域,可以纵向和横向并排打开任意数量的编辑器;

  • D:面板 - 在编辑器区域下方显示不同的面板,以显示输出或调试信息,错误和警告或集成终端,面板也可以向右移动以获得更多垂直空间;

  • E:状态栏 - 有关已打开项目和编辑的文件的信息;

4.五个基本视图

4.1.资源管理器

4.2.搜索功能

4.3.代码版本管理

VS Code内置Git代码版本管理(需要系统先安装Git),可以方便的进行源代码管理,此处不作详细介绍:

4.4.代码调试

VS Code中集成了强大的代码调试功能(配合调试器使用),在使用具体的编程语言时详细介绍:

4.5.扩展插件

VS Code的一个优势在于代码编辑器的强大,另一个就是VS Code拥有非常丰富的扩展生态系统,在此视图中可以看到当前已启用的扩展和应用商店中所有的扩展:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多