快捷键

  • ctrl+b 打开或关闭侧边栏
  • ctrl+\ 打开多个editor
  • ctrl+e 快速的通过名字打开一个文件
  • 右键选择 Reveal in Explorer 打开文件夹
  • ctrl+tab 快速打开当前floder下的文件
  • alt+← 打开你上次打开的文件
  • alet+→ 打开你打开当前文件下次打开的文件
  • ctrl+alt+] 快速跳转到大括号中括号的开始或者结束位置
  • ctrl + s 保存到disk(磁盘)
  • 按着alt键+鼠标左键可以添加多处编辑
  • ctrl+alt+↑ 或者 ctrl + alt + ↓ 可以添加上下的多处编辑 但是会和显卡的快捷键冲突,要先关闭显卡快捷键
  • ctrl+shift+f 查询当前目录下的文件 支持正则查询

  • ctrl+space 触发代码提示

  • ctrl+click 可以跳转到定义函数的位置
  • ctrl+alt+click 可以新打开一个editor 显示函数的定义
  • ctrl+hover 可以显示函数定义的内容
  • ctrl+alt+f 格式化代码
  • alt + ↑ ↓ 切换当前行的位置
  • shift + alt + ↑ ↓ 复制当前行到上下行
  • ctrl+enter 此行后插入一行
  • ctrl+shift+enter 此行前插入一行
  • 神器 使用ctrl+shift+o 可以打开当前文件定义的所有函数的索引 可以使用 ↑ ↓ 来索引
  • ctrl+shift+k 删除当前行
  • shift+delete 剪切当前行
  • ctrl+shift+l 选择所有相同的编辑
  • ctrl+[ ] 缩进当前行
  • home end 行首 行尾 同时按ctrl 文件首 文件尾
  • ctrl+f 查找
  • ctrl+h 替换

  • 当你打开的是一个git项目的时候 vscode 会自动给你添加注释

  • 红三角表示,当前行已被删除
  • 绿色条表示新添加的行
  • 蓝色条指示修改的行

对于vscode 支持的语言 悬停将显示有用的信息如类型的符号

语言支持 支持很多 例如 c# c++ 等等 这里只写 html css sass less javascript
支持javascript 代码自动验证规则
会引起警告的操作

  1. 使用别的类型重新生命变量
  2. 无效的分号插入
  3. 使用一个未定义的变量
  4. 一个没有用到的函数
  5. 没有用到的变量
  • html:

    • 内部自动支持emmet
    • 代码自动高亮
    • 代码提示
    • 你可以通过 ctrl+space 呼出
  • css less sass

    • 语法着色
    • 颜色预览注释
    • 验证css语法使用 csslint
    • 在文件中转到符号 ctrl+shift+o
    • 支持emmet的css代码自动生成
    • ctrl+shift 自动切换默认值
    • hover时显示dom节点信息
    • 找到关键字和 变量在同一个文件中的引用
    • 可以配置csslint lesslint sasslint的代码验证规则

vscode 支持常用的git 命令 但是不要忘记 命令行仍然是你的朋友查看code相关的git命令可以看这里 工作中使用svn因此没往下看

debugger
debugger 相关

转载自:http://ittce.github.io/blog/2015/05/07/useVSCode/

使用Visual Studio code的更多相关文章

  1. Visual Studio Code 代理设置

    Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器,在十多年的编程经历中,我使用过非常多的的代码编辑器(包括 IDE),例如 Fron ...

  2. 在Visual Studio Code中配置GO开发环境

    一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github ...

  3. Visual Studio Code——Angular2 Hello World 之 2.0

    最近看到一篇用Visual Studio Code开发Angular2的文章,也是一篇入门教程,地址为:使用Visual Studio Code開發Angular 2專案.这里按部就班的做了一遍,感觉 ...

  4. docker4dotnet #3 在macOS上使用Visual Studio Code和Docker开发asp.net core和mysql应用

    .net猿遇到了小鲸鱼,觉得越来越兴奋.本来.net猿只是在透过家里那田子窗看外面的世界,但是看着海峡对岸的苹果园越来越茂盛,实在不想再去做一只宅猿了.于是,.net猿决定搭上小鲸鱼的渡轮到苹果园去看 ...

  5. Visual Studio Code v0.9.1 发布

    微软的跨平台编辑器 Visual Studio Code v0.9.1 已经发布,官方博客上发布文章Visual Studio Code – October Update (0.9.1):http:/ ...

  6. 微软Visual Studio Code 0.8.0发布,新增多种主题

    月30日,Build 开发者大会上,正式宣布了 Visual Studio Code 项目;并将其定义为:一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现代 Web 和 ...

  7. Visual Studio Code 配置指南

    Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器.在我看来它是「一款完美的编辑器」. 本文是有关 VS Code 的特性介绍与配置指 ...

  8. Visual Studio Code,完美的编辑器

    今日凌晨,微软的文本(代码)编辑器 Visual Studio Code(简称 VS Code),发布了首个正式版,距离首个 beta 版上线时间刚好一年. 在十多年的编程经历中,我使用过非常多的的代 ...

  9. 打造TypeScript的Visual Studio Code开发环境

    打造TypeScript的Visual Studio Code开发环境 本文转自:https://zhuanlan.zhihu.com/p/21611724 作者: 2gua TypeScript是由 ...

  10. Visual Studio Code 使用Git进行版本控制

    Visual Studio Code 使用Git进行版本控制 本来认为此类教程,肯定是满网飞了.今天首次使用VS Code的Git功能,翻遍了 所有中文教程,竟没有一个靠谱的.遂动笔写一篇. 请确保你 ...

随机推荐

  1. QtWebKit

    WekKit官网:http://www.webkit.org/ QtWebKit官网及安装:http://trac.webkit.org/wiki/QtWebKit#GettingInvolved Q ...

  2. 2013年度最新最佳CSS网页设计实例

    CSS在网页设计中扮演着举足轻重的角色,尤其是CSS3和HTML5的出现,让我们更加相信CSS能给我们带来无限的遐想和强有力的视觉冲击.今天我要给大家推荐几个最新CSS佳作,虽然本人没有设计头脑,但还 ...

  3. [置顶] 自定义的解压进度条 关于ProgressBar的使用

    整体布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android ...

  4. SqlServer2008第一次安装后连接问题

    在第一次安装好SqlServer并启动服务后,对服务器进行连接: 1:根据计算机名进行windows身份验证 结果如下 2:根据计算机名进行SqlServer身份验证 结果如下: 3:根据IP进行wi ...

  5. Node.js程序在node-windows中不能运行

      Node.js程序部分功能在命令行中运行良好,但在node-windows中不能运行,怎么回事? 答:路径问题. 请看如下的描述: My script runs fine on it's own, ...

  6. 创建并发布node.js module

      创建node.js module. 创建一个文件夹,用来存放module. Cd到新创建的文件夹,运行npm init,会提示输入package的信息. 可以按照这个视频的来输入.Test com ...

  7. DB2数据源在Spring环境中的配置

    简单记录一下,以备不时之需. DB2的java驱动包可以在这里下载:http://pan.baidu.com/s/1gOoEJ DB2数据源的配置如下,粗体字部分是需要根据实际情况修改的: <b ...

  8. C#.NET常见问题(FAQ)-Combobox如何设置不可以编辑

    设置它的DropDownStyle为DropDownList即可     更多教学视频和资料下载,欢迎关注以下信息: 我的优酷空间: http://i.youku.com/acetaohai123   ...

  9. jasperreport 通过javabean datasoource实现chart的报表

    继上次report的demo后,还在继续做着report方面的research,今天主要是实现了通过javabean datasource填充chart图表,通过webservice下载pdf格式的报 ...

  10. 解决pl/sql 查询数据中文显示成?

    解决方法: 1.打开 PLSQL Developer 安装目录下,看到有PLSQLDev.exe的目录, 在PLSQL Developer文件夹内新建“PLSql_run.bat”文件,在该文件中输入 ...