快捷键

  • 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. flink和spark stream等框架的对比

    参考这篇文章: https://www.sohu.com/a/196257023_470008 我们当时的目标就是要设计一款低延迟.exactly once.流和批统一的,能够支撑足够大体量的复杂计算 ...

  2. iOS开发-iPad侧边栏Tab选项卡切换

    Android中习惯了叫侧边栏,iOS中如果不习惯侧边栏称呼的话可以叫dock,侧边栏的切换,类似于Android中的底部导航栏的切换,iPad尺寸大了一些,导航的栏目放在侧边会显示的更好耐看一些.选 ...

  3. AngularJs 阻止事件运行,防止冒泡穿透事件

    ng-click 低啊用方法后 添加语句$event.stopPropagation(); <button type="button" ng-click="doSo ...

  4. Bootstrap学习js插件篇之下拉菜单

    案例 通过此插件可以为几乎所有东西添加下拉菜单,包括导航条.标签页.胶囊式按钮. 用于导航条 导航条分为四个部分.第一部分导航头,第二部分导航列,第三部分form查询表单,第四部分导航列. <n ...

  5. 使用jQuery动态改变图片显示大小

    当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此 功能的jQuery代码如下.这段代码可以使图片的大小保 ...

  6. CSS 的优先级机制总结

    一.样式优先级: 多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使用多重样式的情况. 一般情况下,大家都认为优先级是:内联样式 > 内部样 ...

  7. 【UI设计】扁平化设计之流行色值

    收集了一些颜色值 顏色表示方法: 以命名方式定义经常使用的顏色,如color="green".可是自由度较低,何况单词量...... 以RGB值表示.如#FF0000表示red(红 ...

  8. 微信小程序价值思考:手机端的CS-BS迁移

    从很多特点来看,小程序都非常类似于网页:主要的业务逻辑在服务端.客户端无需安装应用程序.小程序的开发采用的HTML+JS+CSS技术等等.张小龙自己对小程序的定位也大概如此:无意做小程序分发平台,只是 ...

  9. 【pyhon】理想论坛爬虫1.05版,将读取和写DB分离成两个文件

    下午再接再厉仿照Nodejs版的理想帖子爬虫把Python版的也改造了下,但美中不足的是完成任务的线程数量似乎停滞在100个左右,让人郁闷.原因还待查. 先把代码贴出来吧,也算个阶段性成果. 爬虫代码 ...

  10. 在Foreda8中整合Apche httpd2.4.6和Tomcat7.0.42(使用tomcat-connectors-1.2.37)

    本地Apche httpd2.4.6(http://pan.baidu.com/share/link?shareid=4003375081&uk=34256769)和Tomcat7.0.42是 ...