Visual Studio Code它的核心功能还是作为一个代码编辑器。和其他的代码编辑器一样,VScode采取通用的UI和布局,浏览器在左边,显示所有的文件和文件夹,右边你打开的文件的编辑页面。

文件,文件夹以及项目

VScode是基于文件和文件夹的,你可以立即开始通过打开一个文件和文件夹。除了这些,VScode能够读不同框架和平台定义的项目文件。比如,如果你打开的文件夹包含一个或者多个package.json,project.json,tsconfig.json,或者ASP.NET 解决方案和项目文件,VScode可以读取这些文件并且利用他们来提供额外的功能比如代码补全功能。

打开VScode

你可以从命令行利用VScode打开文件,文件夹或者项目。
打开VScode中的一个index.html文件:

code index.html

打开文件夹c:\src\Contents:

code c:\src\contents

VScode中并不区分是打开文件夹还是打开项目。如果你打开的文件夹包含项目文件,VScode会读取这些文件并且显示这些项目内容在状态栏中。在这你也可以进行不同的项目之间的切换。
打开文件夹c:src\WebApp中包含的项目:

code c:\src\webapp

换句话说,打开包含项目的文件夹能够有效地打开项目:

打开当前文件夹:

code .

基本布局

VScode布局简单,能够最大化编辑界面并且也能够留下足够的空间浏览文件夹或者项目的内容。UI可以分成四个部分

  • 编辑器 最主要地区域编辑文件。最多可以打开三个编辑页面。
  • 边栏 包括不同的视图,比如你在处理项目时候地浏览器
  • 状态栏 显示你正在打开项目和文件的状态
  • 视图栏 可以让你在不同的视图中进行切换

    每次你打开VScode都会恢复到上一次关闭的状态。文件夹布局如下所示。

    不是把文件放在不同的tab之中,VScode可以最多同时打开3个编辑器。

    并排编辑

    你可以最多可以并排打开3个编辑器。
    如果你已经有一个编辑器打开,你可以通过各种不同的途径打开另外的编辑器。

  • Ctrl 在浏览器中打开一个文件

  • comman+\ 将编辑器分成两个

    无论何时你打开另外一个文件,编辑器将会激活正在打开的文件。

微软Visual Studio Code基本特征相关推荐

  1. 在Ubuntu中安装Visual Studio Code

    微软令人意外地发布了Visual Studio Code,并支持主要的桌面平台,当然包括linux.如果你是一名需要在Ubuntu工作的web开发人员,你可以非常轻松的安装Visual Studio ...

  2. Visual Studio Code支持JUnit

    \ 看新闻很累?看技术新闻更累?试试下载InfoQ手机客户端,每天上下班路上听新闻,有趣还有料! \ \\ 微软Visual Studio Code(也就是VS Code)团队发布了一款插件,可用于运 ...

  3. 微软低调发布 Web 版本的 Visual Studio Code 预览

    基于浏览器的编辑器将在GitHub.Azure存储库或本地设备上打开文件. 整理 | 王晓曼 出品 | CSDN(ID:CSDNnews) 微软低调发布了面向 Web 的 Visual Studio ...

  4. [北京微软技术直通车]前端 Visual Studio Code 开发 Angular 与亿级 SQL Servern

    微软技术直通车第一期将于2017年9月9日与大家见面,本次邀请华北区微软技术专家和大家一起交流前端工具与技术, Visual Studio Code,TypeScript 与 Anuglar 项目开发 ...

  5. VS Code (visual studio code) VSC 编辑器(微软出品,js开发的编辑器)

    一.选择合适的编辑器,提高编程效率 代码编辑器的选择,可以说是开发者社区中一个经久不衰的话题,现今编辑器的数量数不胜数,vim,sublime Text,Emacs,Atom等等,那么对于一个开发者而 ...

  6. 微软家族的首个跨平台开发工具 Visual Studio Code

    微软家族的首个跨平台开发工具 Visual Studio Code 长这样哦.很多童鞋说像 Atom,其实他们在官网就说了用的是 Electron Shell(Atom) Why Visual Stu ...

  7. 微软免费的开源代码编辑器Visual Studio Code 1.17新增多项功能

    微软在2017年9月发布的免费开源代码编辑器Visual Studio Code(v1.17)进行了一些重要的更新.支持将区域标记带入代码折叠,并提升内置终端的性能. 通过代码折叠,开发人员可以使用行 ...

  8. 编辑器领域正发生变革?从面试看 Visual Studio Code 的崛起

    Visual Studio Code(VS Code)的使用率在迅速上升,现在已经成为大多数工程师的首选编辑器,并似乎正迅速抢占其他顶级编辑的市场份额. Triplebyte 每周都会面试数百名工程师 ...

  9. 经验之谈:学习 Visual Studio Code 不会错!

    作者 | ROBEN KLEENE 译者 | 孙溥茜,责编 | 郑丽媛 头图 | CSDN 下载自视觉中国 出品 | CSDN(ID:CSDNnews) 我挑选工具时,最看重的一点是工具的年龄.学习软 ...

最新文章

  1. php验证 js验证邮箱格式,js和php邮箱地址验证的实现方法
  2. C语言数据库公共知识,全国计算机二级C语言公共基础知识数据库设计基础
  3. 转载:Django之Form组件
  4. 深度学习的实用层面 —— 1.12 梯度的数值逼近
  5. python 操作word docproprety_Python 的 类方法 静态方法 和 proprety
  6. JavaScript学习总结(8)——JS实用技巧总结
  7. 大数据技术得发展方向如何
  8. 201约花鸟画 考c语言试题,全国计算机二级C语言上机100题..doc
  9. AMP+EPP3.0的开发环境配置
  10. SpringBoot启动自动执行sql脚本
  11. 扫盲篇:数字签名、数字证书、域名劫持、域名欺骗
  12. 霍尔传感器的工作原理、分类及应用
  13. 解除隐藏文件cmd命令_用DOS命令怎么取消隐藏文件夹
  14. element el-select 支持拼音码和中文检索 检索的时候必须加属性 filterable
  15. 安装semantic segmentation editor
  16. 背单词APP调研分析
  17. web页面PC端和移动端的区别
  18. SPARC架构下的反汇编(三)——SPARC汇编语言
  19. 计算机应用基础18春在线作业2,计算机应用基础19春在线作业2答案
  20. java是c语言吗_java和c语言的区别是什么

热门文章

  1. Transformer翻译模型Decoder详解(Masking)
  2. JWT、JWE、JWS 、JWK 到底是什么?该用 JWT 还是 JWS?
  3. 虚拟专用网和IPv6路由配置【Cisco】
  4. 51单片机驱动ds12887c语言,DS12887(时钟日历芯片) c语言驱动程序
  5. golang中使用validator进行数据校验及自定义翻译器
  6. 遥感图像场景分类方法总结
  7. 让你彻底明白什么是BFC及作用?
  8. centos网络显示已连接但无法打开网页
  9. 高通快速调试命令集合---持续更新
  10. 控制翻页c语言,阅读器多种翻页的设计与实现