VSCode系列之认识VSCode

本文内容如有错误、不足之处,欢迎技术爱好者们一同探讨,在本文下面讨论区留言,感谢。

简述

VSCodeVisual Studio Code 的缩写, 官网 https://code.visualstudio.com/,一直是前端开发中非常好用的工具。
VSCode 是一款介于 IDE 和编辑器之间的工具,其界面风格干净、漂亮,拥有众多的插件工具,并且是开源、免费的工具。

基本功能

VS Code 特点:

  • 开源,免费
  • 自定义配置
  • 集成git
  • 智能提示强大
  • 支持各种文件格式
  • 调试功能强大
  • 各种方便的快捷键
  • 强大的插件扩展

界面

在这里插入图片描述

简单功能介绍

命令面板

命令面板是 vscode 快捷键的主要交互界面,可以使用 F1 或者 Ctrl+Shift+P 打开。

在命令面板中你可以输入命令进行搜索(中英文都可以),然后执行。命名面板中可以执行各种命令,包括编辑器自带的功能和插件提供的功能。

在这里插入图片描述

功能介绍

在这里插入图片描述

借助 IntelliSense 超越了语法突出显示和自动完成功能,该功能基于变量类型,函数定义和导入的模块提供了智能完成功能。
在这里插入图片描述
直接从编辑器调试代码。启动或附加到正在运行的应用程序,并使用断点,调用堆栈和交互式控制台进行调试。
在这里插入图片描述
Git 和其他 SCM 提供商合作从未如此简单。直接在编辑器中检查差异,暂存文件并进行提交。从任何托管的 SCM 服务中推入和拉出。
在这里插入图片描述
是否需要更多功能?安装扩展以添加新的语言,主题,调试器,并连接到其他服务。扩展程序在单独的进程中运行,确保它们不会降低编辑器的速度。
在这里插入图片描述
借助 Microsoft Azure,您可以在 VS Code 内轻松部署和托管 ReactAngularVueNodePython(以及更多!)网站,存储和查询基于关系和文档的数据,并通过无服务器计算轻松扩展。

安装插件

安装插件的3中方法
方法一:按 F1Ctrl+Shift+p,输入 install Extensions
在这里插入图片描述
方法二:ctrl + P 然后输入 >ext install
在这里插入图片描述
方法三: 点击插件图标
在这里插入图片描述
插件查找界面,在搜索框中搜索插件,然后点击 install 即可,放心 VSCode 对中方程序开发非常友好,所有插件不用担心在外网无法下载或者下载速度非常慢,都是非常快的。
在这里插入图片描述

中文界面

安装 Chinese(Simplied) Lang 插件,在插件搜索框中输入 Chinese(Simplied) Lang
在这里插入图片描述

实用技能

  • 调整字符的大小写
    选中,然后在命令面板输入 trans 然后选择需要做的操作
    在这里插入图片描述

  • 多光标特性
    按住 alt ,然后用鼠标点,鼠标点在哪里哪里就会出现一个光标
    在这里插入图片描述

  • 快速选中
    Ctrl+d 第一次按下时,它会选中光标附近的单词;
    第二次按下时,它会找到这个单词第二次出现的位置,创建一个新的光标,并且选中它。(注:Ctrl+k 跳过当前的选择)
    在这里插入图片描述

  • 界面大小
    ctrl + +/- 快速放大/缩小页面内容
    在这里插入图片描述

  • 快速打开文件
    Ctrl+P 输入你要打开的文件名,回车打开,按 Cmd+Enter ,就会在一个新的编辑器窗口打开。
    在这里插入图片描述

  • 行跳转
    Ctrl+g 输入行号,如果你想跳转到某个文件的某一行,你只需要先按下 Cmd + P,输入文件名,然后在这之后加上 :和指定行号。
    在这里插入图片描述

总结

本文简单介绍 VSCode 工具的界面内容和插件使用、中文界面,以及一些使用小技巧。

参考资料

VSCode 官网

宇宙最强vscode教程(基础篇)

Visual Studio Code(VS code)你们都在用吗?或许你们需要看一下这篇博文