马上注册,自学更多教程,下载更多资源。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
【宇宙最强编辑器VS Code】(一)初识VS Code(简介、安装、运行、用户界面、基本视图、状态栏、集成终端)
1.VSCode简介vscode是微软公司开发的一款代码编辑器,为什么称之为宇宙最强编辑器呢?原因如下: 当然,这只是最基本的,它对编程语言的支持更是强大: - 内置对JavaScript、TypeScript、Node.js的支持;
- 其他语言的扩展生态系统:C/C++、C#、Java、Python、PHP、Go;
- 运行时环境的支持:.NET、Unity;
它提供的快捷键绑定扩展非常多(Vim, Sublime Text, IntelliJ, Emacs, Atom, Visual Studio, Eclipse)可以根据我们喜欢的而定,更加有效率的写代码~ 在代码管理功能方面,VScode内置了使用Git的代码管理,但是需要系统上先安装有Git。 除此之外,它强大的扩展插件生态系统还提供各种代码主题、图标主题等等用于优化我们的工作环境,当然,如果你愿意,还可以使用网易云扩展听歌~ 2.安装运行VS Code2.1.下载VSCode是一个跨平台的软件,下载时选择与自己系统相匹配的:官方下载链接。
2.2.安装VScode在windows下的安装非常简单,双击安装包运行安装程序,选择合适的目录安装即可。 2.3.运行2.3.1.可视化界面运行在菜单中选择VS Code或者点击桌面快捷图标直接运行即可:
2.3.2.在命令行运行VScode在自动安装完成后会自动添加安装目录到环境变量中,重启后生效,然后我们可以在命令行使用code运行VSCode,其可选项如下:
[Plain Text] 纯文本查看 复制代码 # 在当前目录下打开VS Code
code .
# 在当前目录下打开VS Code并添加到最近使用目录
code -r .
# 只打开VS Code,不打开任何目录和文件
code -n
# 打开VS Code并切换到指定的语言
code --locale=es
# open diff editor
code --diff <file1> <file2>
# open file at specific line and column <file:line[:character]>
code --goto package.json:10:5
# 在命令行输出VS Code的帮助
code --help
# 打开VS Code并禁用所有扩展
code --disable-extensions .
2.4…vscode文件夹在VScode打开一个目录时,会自动创建一个.vscode文件夹,位于打开目录下。 例如: - tasks.json对于Task Runner;
- launch.json调试器;
3.VSCode用户界面Visual Studio Code的核心是代码编辑器: - 左侧采用通用用户界面和浏览器布局,显示您可以访问的所有文件和文件夹;
- 右侧显示编辑器,显示已打开文件的内容;
用户界面分为五个方面:
- A:活动栏 - 位于最左侧,可以在视图之间切换;
- B:侧栏 - 包含不同的视图,如资源管理器,可在您处理项目时为您提供帮助;
- C:编辑器 - 编辑文件的主要区域,可以纵向和横向并排打开任意数量的编辑器;
- D:面板 - 在编辑器区域下方显示不同的面板,以显示输出或调试信息,错误和警告或集成终端,面板也可以向右移动以获得更多垂直空间;
- E:状态栏 - 有关已打开项目和编辑的文件的信息;
4.五个基本视图4.1.资源管理器4.2.搜索功能4.3.代码版本管理VS Code内置Git代码版本管理(需要系统先安装Git),可以方便的进行源代码管理,此处不作详细介绍:
4.4.代码调试VS Code中集成了强大的代码调试功能(配合调试器使用),在使用具体的编程语言时详细介绍:
4.5.扩展插件VS Code的一个优势在于代码编辑器的强大,另一个就是VS Code拥有非常丰富的扩展生态系统,在此视图中可以看到当前已启用的扩展和应用商店中所有的扩展:
上一篇:10个无版权高清图片下载网站 |