|
马上注册，自学更多教程，下载更多资源。
您需要 登录 才可以下载或查看，没有帐号？立即注册
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个无版权高清图片下载网站 | 
App Store地区切换 【快捷指令】
分享
淘帖
支持
反对
发表于 2022-12-15 12:14:22
楼主
