Visual Studio Code 安装教程附插件推荐

简介: Visual Studio Code (简称 VSCode / VSC) 是微软旗下一款非常优秀的跨平台代码编辑软件,我通过学习相关VSCode视频,做一个入门总结来帮助大家

1 VSCode下载及安装


1.1 下载


详见:https://code.visualstudio.com/



官网会根据你的系统自动判断下载版本


VSCode默认提供的User Installer版,大多数人都是用的这个版本,当然你也可以自己下载相关版本


  • User Installer版:会安装在当前计算机帐户目录,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的vscode


  • System Installer版(建议使用):安装在非用户目录,例如C盘根目录,任何帐户都可以使用


1.2 安装


安装步骤具体讲这一步:



  • 将“通过code 打开“操作添加到windows资源管理器文件上下文菜单


  • 将“通过code 打开”操作添加到windows资源管理器目录上下文菜单


说明:可以对文件,目录点击鼠标右键,选择使用 VScode 打开


  • 将code注册为受支持的文件类型的编辑器


说明:默认使用 VScode 打开诸如 txt,py等文本类型的文件,让支持的代码文件全部变成VScode默认打开,一般建议不勾选。


  • 添加到PATH(重启后生效)


说明:这步骤默认的,勾选上,不用配置环境变量,可以直接使用。


1.3 界面介绍



1.活动栏从上到下依次为


  • 文件资源管理器:浏览和管理文件和文件夹


  • 跨文件搜索:在当前文件夹内进行跨文件的搜索


  • 源代码管理:对当前文件夹下的代码进行版本管理


  • 启动和调试:对当前文件夹下的项目进行运行和调试


  • 管理拓展:下载和管理 VS Code 里的插件


  • (项目管理器:此为插件)


2.侧边栏


  • 浏览和管理文件和文件夹


3.编辑栏


  • 编写代码的区域


4.面板栏从左到右依次为


  • 问题面板(ProblemsPanel)展示当前文件夹下代码里的所有问题和警告


  • 输出面板(Output Panel)看到作对应的 Git 命令行以及它的运行结果/


  • 调试控制台(Debug Console) 调试代码


  • 终端(Terminal) 集成终端的存在


5.状态栏


  • 光标在几行几列、缩进、编码格式等信息



2 编辑器常用功能


参考:https://www.cnblogs.com/jpfss/p/10956650.html


2.1 基础编辑 Basic editing



2.2 导航 Navigation



2.3 搜索和替换 Search and replace



2.4 多光标和选择 Multi-cursor and selection



2.5 丰富的语言编辑 Rich languages editing



2.6 编辑器管理 Editor management



2.7 文件管理 File management



2.8 显示 Display



2.9 调试 Debug



2.10 集成终端 Integrated terminal



3 插件推荐


3.1 汉化 – Chinese





点击重启即可


3.2 主题设置 – Better Solarized


护眼主题,推荐



安装完之后可以点左下角的设置中颜色主题



按上下键可以预览切换的主题



3.3 图标设置 – vscode-icons


与主题设置同理,让文件图标更有区分度





3.4 运行代码 – Code Runner



3.5 页面调试 – open in browser



3.6 添加文件或文件夹到gitignore – gitignore



3.7 项目管理工具 --Project Manager



目录
相关文章
|
7月前
|
JavaScript C# 开发工具
22款Visual Studio Code实用插件推荐
Visual Studio Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的Visual Studio Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让Visual Studio Code成为了开发语言工具中的霸主,让其同时支持开发多种语言成为了可能。俗话说的好:“工欲善其事,必先利其器”,安装一些实用插件对自己日常的开发和工作效率能够大大的提升,避免996从选一款好的开发插件开始。以下是我整理的一些比较实用的Visual Studio Code插件希望对大家有用,大家有更好的插件推荐可在文末留言🤞。
281 0
|
2月前
|
前端开发 JavaScript C#
CodeMaid:一款基于.NET开发的Visual Studio代码简化和整理实用插件
CodeMaid:一款基于.NET开发的Visual Studio代码简化和整理实用插件
|
2月前
|
开发框架 .NET 开发工具
visualstudio如何加入工作插件---Web developer工具
visualstudio如何加入工作插件---Web developer工具
38 0
|
7月前
|
Go
VsCode(Visual Studio Code) 安装插件教程
VsCode(Visual Studio Code) 安装插件教程
213 0
|
7月前
|
Linux Windows
VsCode(Visual Studio Code) 安装教程
VsCode(Visual Studio Code) 安装教程
132 0
|
前端开发 JavaScript PHP
Visual Studio Code的使用心得与常用免费插件使用技巧大全总结 老板夸奖我是开发小能手!
这就是我一直在使用的免费代码编辑神器, 它的优点太多了, 有: 智能感知、代码调试、内置 Git 命令、可扩展和可定制都相当牛,最关键的是免费开源!!
386 3
Visual Studio Code的使用心得与常用免费插件使用技巧大全总结 老板夸奖我是开发小能手!
|
7月前
|
开发工具 开发者 git
2023 Visual Studio Code 插件推荐:18 个提高开发效率的常用插件
Visual Studio Code (简称VSCode) 是一款强大的开源代码编辑器,它拥有众多功能强大的扩展插件,使得开发者可以根据自己的需求来定制编辑器的功能和外观。在本文中,我们将分享一些非常实用的 VSCode 插件,这些插件将提高您的开发效率,使编码变得更加愉快。
513 0
|
Web App开发 JavaScript 前端开发
Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】
Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】
344 0
|
计算机视觉 开发者 C++
实用分享-Visual Studio图像查看插件(Image Watch)
实用分享-Visual Studio图像查看插件(Image Watch)
515 0
|
SQL 前端开发 JavaScript
18款Visual Studio实用插件
18款Visual Studio实用插件
576 0

热门文章

最新文章