当前位置: 首页 > 科技观察

VisualStudioCode十项开发技巧

时间:2023-03-12 04:15:41 科技观察

【.com速译】VisualStudioCode(https://code.visualstudio.com/),由微软公司开发和提供,是一款用于编辑计算机程序源代码的软件基础编程工具.它可以在Windows、Linux和Mac操作系统上使用。作为一个免费和开源的应用程序,它可以用于个人和商业目的。下面,小编就为大家介绍一下开发者在使用VisualStudioCode过程中应该掌握的十个开发技巧。命令面板(CommandPalette)通过“命令面板”,您只需键入某个关键字,就可以访问各种可用的命令,而无需浏览特定的菜单。您可以使用组合键Ctrl+Shift+P打开命令面板。然后,您可以键入各种相关关键字,并在下拉窗口中找到相应的命令列表。命令面板ZenModeZenMode是一种无干扰的视图。为了让您完全专注于代码,它删除了原始窗体中所有多余的工具箱和工具栏。您可以通过选择“视图”>“外观”>“切换Zen模式”自由进入和退出Zen模式。此外,Zen模式下还可以设置代码居中显示类似Docs编辑器的效果。具体操作是:选择“视图”>“外观”>“切换居中布局”。ZenMode中的居中代码拆分视图(SplitView)如果您擅长多任务处理,那么您可能需要同时处理同一项目的两个不同文件,或者需要找出两个文件之间的差异。此时,你最好采用分屏模式。您可以根据自己的喜好自定义视图的拆分。您不仅可以上下放置两个文件,还可以左右平铺两个文件。要实现此效果,您可以选择“视图”>“编辑器布局”>“拆分”。在拆分视图中比较文件TagwrappingEmmet(https://emmet.io/)可以帮助您生成更多程序代码,同时减少手动输入。这样的插件不仅可以节省开发者重复输入的时间,还可以提高他们的工作效率。由于Emmet允许您从键入的缩写代码中获取相应的标签,您可以从下面的Emmet屏幕截图中查看所有预支持标签包的列表。Git集成VisualStudioCode可以使用Emmet包标签有效地与Git集成。此集成允许您及时将对代码的任何更改提交、拉取和推送到远程Git存储库。在VisualStudioCode中,您可以打开属于Git存储库的文件。相应的编辑器将显示现有工作副本与远程存储库中的当前文件之间的差异。但是,Internet连接是使用户能够继续直接操作Git存储库的基本要求。您可以通过查看清单了解所有与Git相关的命令:https://education.github.com/git-cheat-sheet-education.pdf。工作副本和代码存储库之间的代码差异VisualStudioCode的各种新主题和插件允许您根据自己的喜好将不同的主题应用于编辑器,然后突出显示文本的语法。您可以在VisualStudioMarketplace(https://marketplace.visualstudio.com/vscode/Themes)中找到各种完全免费的主题。VisualStudioCode主题列表此外,VisualStudioCode还拥有丰富的插件API,用户可以使用它来创建自己的插件。以下是最常用的两个插件:SettingsSync-SettingsSync(https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync):作为最常用的设置插件之一,它可以让你在不同设备上同步安装VisualStudioCode。Docker(https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker):使用Docker进行开发时,您可能需要运行复杂的Docker命令并持续监控它们。通过安装这种Docker扩展,您可以获得更多实用的Docker工具,例如:生成Docker文件、Docker文件感知(IntelliSense)以及监控其服务。VisualStudioCode中的命令行VisualStudioCode带有一个集成的命令行终端。在Windows上,终端显示为命令提示符;在Mac和Linux上,它显示为Bash。无论哪种方式,您都可以直接在当前项目的工作目录中启动终端服务,只要您的系统上已经加载了这样的终端。如果系统未预加载,您需要从您的主文件夹启动终端服务。命令行界面可让您轻松控制编辑器的启动方式。使用其给定的选项,您可以打开各种文件、安装各种扩展、更改显示语言以及对不同的输出执行诊断。此外,它还支持并提供多种独立的终端服务。您只需单击终端右上角的+图标即可生成更多终端实例。当然,你也可以点击垃圾桶图标关闭当前终端窗口。VisualStudioCode中的命令行可以同时编辑多行。如果只能复制粘贴代码,显然有点落伍了。在VisualStudioCode中,您可以通过将光标移动到不同位置来编辑多行代码。如果要在不同行使用相同的代码,可以通过按住Alt键并单击要键入或编辑代码的不同位置来添加多个光标。使用这些光标,您可以一次添加或编辑各种代码,而不是在这里和那里重复复制和粘贴代码。同时编辑多行排除文件夹您可以使用“排除文件夹”选项删除不必要的模块,如node_modules。当然,你也可以使用这个方法来关闭那些你不想在VisualStudioCode中打开的文件夹。具体操作方法是:点击“文件”>“首选项”,然后在搜索设置中搜索file.exclude。当然,您也可以添加您不想在VisualStudioCode中打开的文件夹的路径。ExcludeFolderGotoDefinition在编程或编写脚本时,如果遇到无法识别的变量或方法怎么办?您可能会花几分钟手动检索正确的文件,或者根据变量或方法名称进行全局查找。现在,VisualStudioCode会直接帮你定位到它对应的定义。只需按住Command键(Mac)或Ctrl键(Windows),然后将鼠标指针悬停在变量或方法上,系统弹窗就会自动显示该变量或对应的位置方法和内联定义。检查弹出窗口中的变量结论上面我们列出了十个新技巧,供您有效使用VisualStudioCode。希望大家在实际的开发过程中能够运用这些技巧,达到事半功倍的效果。原标题:10TricksEveryDeveloperShouldKnowinVisualStudioCode,作者:HariPrasath