VScode 使用总结 + 安装以及快捷键介绍

安装

建议直接百度搜索 VScode 然后下载官方的安装包 具体是64位还是32位看自己电脑配置,现在应该几乎都是64位的了吧?

下载好安装包之后直接一路下一步,不过建议其中有几个选项建议勾选
如下:
建议将 VScode 加入到菜单右键中,方便打开项目和文件夹
其他的选项可以根据自己需求或者翻译一下,看是否对自己有帮助然后勾选

安装完成后将出现如下桌面图标
VScode 使用总结 + 安装以及快捷键介绍_第1张图片

VScode支持大部分语言,缺少时可以通过下载对应插件的方式,为VScode提供更多功能。

默认配置文件

一般而言,VScode的组件等一般默认寻找路径
C盘下 用户文件夹(User),当前用户文件夹下的这个 .vscode文件夹
在这里插入图片描述
即 C:\Users(用户)\(你的用户名)

若有别人提供好的或者无网络的情况下 有这个准备好的安装配置文件夹 直接拷到上面的路径下 就可以直接生效

总体界面

VScode 使用总结 + 安装以及快捷键介绍_第2张图片
左侧大按钮介绍
VScode 使用总结 + 安装以及快捷键介绍_第3张图片
主要的项目文件,导入的项目会直接加入到该按钮的右侧栏下,可以从这里看到整体项目结构
VScode 使用总结 + 安装以及快捷键介绍_第4张图片
做全文检索使用的,在已导入的文件中查询全部内容或者指定内容
VScode 使用总结 + 安装以及快捷键介绍_第5张图片
左侧红色箭头指向按钮点击会开启内容替换框
右侧红色箭头则是开启了文件过滤,第一行中是要包含的文件,可以直接输入全文件名

若 为全部,则直接输入 *.*
表示全部文件
指定某一后缀文件 则为 *.vue 则为vue类型的文件

第二行为排除什么文件的输入框

VScode 使用总结 + 安装以及快捷键介绍_第6张图片
此处为文件或者项目导入的入口,第一行会打开本地的文件,第二个为从远端Git获取项目内容

第四个为运行插件,或者可直接执行或者debug的内容
VScode 使用总结 + 安装以及快捷键介绍_第7张图片
第五个为 支撑各种语言和提示等服务的第三方插件,下载安装后,即刻生效

VScode 使用总结 + 安装以及快捷键介绍_第8张图片

常用快捷键

ctrl + p 全文搜索某一文件

ctrl + k + t 调整VScode 代码主题 调整颜色等

ctrl + f 文件中查找

ctrl + h 文件中查找替换

shift + alt + ↑ 或 ↓ 向上或者向下复制一行

alt + ↑ 或 ↓ 向上或者向下移动选择行 (一行或者选中的全部)

可编辑文件种 按住鼠标中间不放 向下拖动 然后送回开 可同时开启多行光标(可多行输入或者删除等操作 结束后 鼠标点击空白处)

ctrl + shift + ` (tab键上方的那个键) 开启命令终端

鼠标点击某一单词,使得光标停留在单词上,直接ctrl + f (在当前文件中查找该单词)
效果如下图:
VScode 使用总结 + 安装以及快捷键介绍_第9张图片
右侧会出现该文件的整体预览效果,最右侧滚动条暗黄色的小块表示当前查找的单词在文件中的位置

可以直接点击预览文件右侧灰色的滚动条区域直接跳转到文件中的对应位置
直接点击右侧文件内容预览的缩略图也可以直接跳转或者鼠标左键单击进行拖动
以上两种方式在操作的同时 主页面中的内容也会跟着一起跳动

查找中
在这里插入图片描述
左侧按钮为Aa为 大小写敏感匹配,单点一次开启,再点关闭
右边的为全词匹配,同样单点一次开启,再点关闭

alt + ← 返回上一步(注意不是撤销操作,每当你切换页面,鼠标点击代码时这些动作都会被记下来 仅仅是返回你上一步操作的地方 内容不会发生变化)

大部分文档内容类的操作快捷键与windows一致

你可能感兴趣的:(工具使用总结,vscode)