快捷键

  • 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. XML中PCDATA与CDATA的区别

    XML中PCDATA与CDATA的区别 2011-02-10 19:27:25|  分类: XML |  标签:xml中pcdata与cdata的区别     字号:大中小 订阅 所有 XML 文档中 ...

  2. Android 跳转到系统应用管理

    Intent i = new Intent("android.settings.APPLICATION_DETAILS_SETTINGS");String pkg = " ...

  3. 你应该知道的30个jQuery代码开发技巧

    1. 创建一个嵌套的过滤器 .filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 2. 重用你的元素查询 var ...

  4. android 下的网络图片加载

    Android图片的异步加载,主要原理: 加载图片时先查看缓存中时候存在该图片,如果存在则返回该图片,否则先加载载一个默认的占位图片,同时创建一个通过网络获取图片的任务并添加,任务完成后放松消息给主线 ...

  5. linux CentOS7 安装scala

    1.打开terminal ,进入当前用户路径: cd /home/sks 2.下载Scala2.11 wget https://downloads.lightbend.com/scala/2.11.8 ...

  6. [转]VirtualBox 修改UUID实现虚拟硬盘复制

    -------------------------------------------------------------------- 原文:https://www.cnblogs.com/find ...

  7. 宏定义偷懒型set,get

    之前看到有这么一个写法 #define DEF_SET_GET(varType,varName,funName) \ private : varType varName; \ public : voi ...

  8. C#.NET常见问题(FAQ)-使用SharpDevelop开发 如何切换设计视图和代码视图

    仅在MainForm.cs跟MainForm.Designer.cs文件页面上,底部有可以切换源代码跟设计的按钮(别的地方都木有)   点击就切换过来了     更多教学视频和资料下载,欢迎关注以下信 ...

  9. Jmeter相关

    关于Jmeter,这里有一篇文章可以看看:http://www.cnblogs.com/TankXiao/p/4045439.html 给有需要的同学.

  10. android 随手记 读写文件的几种方式

    java中多种方式读文件 一.多种方式读文件内容. 1.按字节读取文件内容 2.按字符读取文件内容 3.按行读取文件内容 4.随机读取文件内容 */ import java.io.BufferedRe ...