【工具入手】Visual Studio Code

Visual Studio Code

工欲善必先利其器javascript

以前一直用sublime,其实一直不是很满意,好比说这个输入法的bug,安装markdown以后的颜色,还有各类插件安装以后的失效,来到公司实习,折腾sublime都弄了半天,实在受不了。java

图片描述

因而乎,我开始尝试入手Visual studio Code,通过一天的适应,我已经决定放弃sublime。git

这款编辑器让我以为满意的地方:github

  1. 功能全面,不用安装任何插件就能够用的飞起markdown

  2. 语法提示,代码查看,调试支持都很不错编辑器

  3. 对markdown的支持很是好,界面好看,预览跟github上的同样,perfect!函数

  4. 原生支持git(提供图形化的操做),固然也能够用命令,不要慌。url

缺点:spa

  1. 不支持一个窗口打开多个文件夹(因为个人项目没有放在一个大的文件夹里面,因此比较麻烦)插件

这篇文章是本人对使用Visual Studio Code的整理,快捷键都是本人亲身试验过的(网上有些文章说的是错的),还有一些功能待发现和总结,在之后会更新。

ps:不想引发战争,拒绝互相伤害

1. 快捷键

经常使用快捷键 功能
F1/ctrl+shift+p 打开命令面板
ctrl+p 搜索文件,而后跳转到文件
ctrl+e 快速打开一个文件
ctrl+n 新建文件
ctrl+tab 标签页切换
ctrl+1/2/3 切换窗口(没有分隔窗口时会进行窗口分隔)
ctrl + \ 分隔多一个窗口
ctrl+enter 当前插入一行
F11 全屏切换
ctrl+-/+ 放大缩小
ctrl+b 切换侧边栏
ctrl+shift+g 打开git

文本操做

文本操做快捷键 功能
ctrl+shift+k 删除当前行
ctrl+shift+方向键 快速地扩大或缩小选择范围

搜索

搜索快捷键 功能
ctrl+shift+o 搜索变量或函数
ctrl+f 搜索
ctrl+h 搜索而且替换

代码格式调整

代码格式快捷键 功能
ctrl+[\] 代码行缩进对齐
shift+alt+f format code(格式化代码,好用)

光标移动

光标移动快捷键 功能
home/ctrl+home 移动到行首/文件开头
end/ctrl+end 移动到行尾/文件结尾
ctrt+shift+{ 匹配{}
ctrl+l 跳转到行

默认的跳转到行的快捷键(ctrl+g)用不了,本身从新设置了,在文件-》首选项-》键盘快捷方式

重构代码

移动快捷键 功能
shift+F12 找到全部的引用
ctrl+F12 修改本文件中全部的匹配
ctrl+单击 跳至变量被定义的地方
ctrl+alt+单击 打开分隔窗口,显示变量被定义的地方
F2 修改一个方法名,自动修改全部的引用
ctrl+space 代码提示

markdown

经常使用快捷键 功能
ctrl+shift+v 预览

2. git

提交

  1. 方法1:点击侧边栏的git(ctrl+shift+g),便可,看着操做便可,图形界面,很是好看

  2. 方法2:F1->输入git commit ->输入commit的内容 -> git push便可

侧边提示器

对于一个git项目,在对其中文件进行修改时,VS Code将会在编辑器左侧显示出颇有帮助的指示标记。

  • 红色三角指示有被删除的行

  • 绿条指示新增的行

  • 蓝条指示有所修改的行

3. 扩展

命令安装

  1. ctrl+p

  2. ext install 插件名

设置代理

可能会链接不上,能够设置代理

经过文件-》首选项-》用户设置 打开全部的配置项,覆盖HTTP configuration项

{
    "http.proxy": "http://proxyurl:port"
}

4. cmd

控制台打开项目

在命令行下面,cd到项目所在的目录,执行

code .

便可快速打开项目

code参数

code命令的可选参数

参数 描述
-g / --goto file:line:column,定位
-n / --new-window 打开一个新的VS Code 窗口
-r / --reuse-window 使用当前VS Code窗口打开文件或文件夹
file 打开文件
folder 打开文件夹

5. debug

后面随着使用的深刻会继续补充

相关文章
相关标签/搜索