使用Visual Studio code
快捷键
- 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 支持的语言 悬停将显示有用的信息如类型的符号
- ctrl+shift+m 可以看到所有的错误信息
- 快捷键相关
语言支持 支持很多 例如 c# c++ 等等 这里只写 html css sass less javascript
支持javascript 代码自动验证规则
会引起警告的操作
- 使用别的类型重新生命变量
- 无效的分号插入
- 使用一个未定义的变量
- 一个没有用到的函数
- 没有用到的变量
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的更多相关文章
- Visual Studio Code 代理设置
Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器,在十多年的编程经历中,我使用过非常多的的代码编辑器(包括 IDE),例如 Fron ...
- 在Visual Studio Code中配置GO开发环境
一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github ...
- Visual Studio Code——Angular2 Hello World 之 2.0
最近看到一篇用Visual Studio Code开发Angular2的文章,也是一篇入门教程,地址为:使用Visual Studio Code開發Angular 2專案.这里按部就班的做了一遍,感觉 ...
- docker4dotnet #3 在macOS上使用Visual Studio Code和Docker开发asp.net core和mysql应用
.net猿遇到了小鲸鱼,觉得越来越兴奋.本来.net猿只是在透过家里那田子窗看外面的世界,但是看着海峡对岸的苹果园越来越茂盛,实在不想再去做一只宅猿了.于是,.net猿决定搭上小鲸鱼的渡轮到苹果园去看 ...
- Visual Studio Code v0.9.1 发布
微软的跨平台编辑器 Visual Studio Code v0.9.1 已经发布,官方博客上发布文章Visual Studio Code – October Update (0.9.1):http:/ ...
- 微软Visual Studio Code 0.8.0发布,新增多种主题
月30日,Build 开发者大会上,正式宣布了 Visual Studio Code 项目;并将其定义为:一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现代 Web 和 ...
- Visual Studio Code 配置指南
Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器.在我看来它是「一款完美的编辑器」. 本文是有关 VS Code 的特性介绍与配置指 ...
- Visual Studio Code,完美的编辑器
今日凌晨,微软的文本(代码)编辑器 Visual Studio Code(简称 VS Code),发布了首个正式版,距离首个 beta 版上线时间刚好一年. 在十多年的编程经历中,我使用过非常多的的代 ...
- 打造TypeScript的Visual Studio Code开发环境
打造TypeScript的Visual Studio Code开发环境 本文转自:https://zhuanlan.zhihu.com/p/21611724 作者: 2gua TypeScript是由 ...
- Visual Studio Code 使用Git进行版本控制
Visual Studio Code 使用Git进行版本控制 本来认为此类教程,肯定是满网飞了.今天首次使用VS Code的Git功能,翻遍了 所有中文教程,竟没有一个靠谱的.遂动笔写一篇. 请确保你 ...
随机推荐
- flink和spark stream等框架的对比
参考这篇文章: https://www.sohu.com/a/196257023_470008 我们当时的目标就是要设计一款低延迟.exactly once.流和批统一的,能够支撑足够大体量的复杂计算 ...
- iOS开发-iPad侧边栏Tab选项卡切换
Android中习惯了叫侧边栏,iOS中如果不习惯侧边栏称呼的话可以叫dock,侧边栏的切换,类似于Android中的底部导航栏的切换,iPad尺寸大了一些,导航的栏目放在侧边会显示的更好耐看一些.选 ...
- AngularJs 阻止事件运行,防止冒泡穿透事件
ng-click 低啊用方法后 添加语句$event.stopPropagation(); <button type="button" ng-click="doSo ...
- Bootstrap学习js插件篇之下拉菜单
案例 通过此插件可以为几乎所有东西添加下拉菜单,包括导航条.标签页.胶囊式按钮. 用于导航条 导航条分为四个部分.第一部分导航头,第二部分导航列,第三部分form查询表单,第四部分导航列. <n ...
- 使用jQuery动态改变图片显示大小
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此 功能的jQuery代码如下.这段代码可以使图片的大小保 ...
- CSS 的优先级机制总结
一.样式优先级: 多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使用多重样式的情况. 一般情况下,大家都认为优先级是:内联样式 > 内部样 ...
- 【UI设计】扁平化设计之流行色值
收集了一些颜色值 顏色表示方法: 以命名方式定义经常使用的顏色,如color="green".可是自由度较低,何况单词量...... 以RGB值表示.如#FF0000表示red(红 ...
- 微信小程序价值思考:手机端的CS-BS迁移
从很多特点来看,小程序都非常类似于网页:主要的业务逻辑在服务端.客户端无需安装应用程序.小程序的开发采用的HTML+JS+CSS技术等等.张小龙自己对小程序的定位也大概如此:无意做小程序分发平台,只是 ...
- 【pyhon】理想论坛爬虫1.05版,将读取和写DB分离成两个文件
下午再接再厉仿照Nodejs版的理想帖子爬虫把Python版的也改造了下,但美中不足的是完成任务的线程数量似乎停滞在100个左右,让人郁闷.原因还待查. 先把代码贴出来吧,也算个阶段性成果. 爬虫代码 ...
- 在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是 ...