Visual Studio Code1.41如何安装插件 开源代码编辑器VS Code快键键分享

2019-12-17 11:23:59工具软件媛媛

Visual Studio Code(简称VS Code)好用吗?Visual Studio Code新版本1.41如何安装?VS Code插件怎么用?Visual Studio Code和Visual Studio一样吗?VS Code有哪些快捷键?VS Code是微软开发的支持多平台的代码编辑器,程序员写代码的代码处理工具。下面来看看VS Code 1.41安装和使用图文教程。

Visual Studio Code是什么

开源免费代码编辑器 Visual Studio Code 是微软推出的带GUI的代码编辑器,软件功能非常强大,界面简洁明晰、操作方便快捷,设计得很人性化。软件主要改进了文档视图,完善了对 Markdown 的支持,新增 PHP 语法高亮。

Visual Studio Code支持 Windows、Linux 和 macOS 三大主流平台,重新定义和优化了代码编辑,以便生成和调试新式Web应用程序和云应用程序。您可以在常用平台(Linux、macOS 和 Windows)上免费使用 Visual Studio Code,Visual Studio Code支持的编程语言超过 30 种。

Visual Studio Code 支持 JavaScript、C#、C++、PHP、Java、HTML、R、CSS、SQL、Markdown、TypeScript、LESS、SASS、JSON、XML、Python 以及许多其他常见的文件格式。

Visual Studio Code如何安装

下载安装 Visual Studio Code

网址:https://code.visualstudio.com/

1、可以根据自己使用的环境下载对应的版本,Stable稳定版,Insiders内测版;

官方网站有两个下载入口,两个地方下载区别继续往下看

2、下载界面,以windows环境为例;

User Installer 用户安装程序

System Installer 系统安装程序

.zip 解压版

3、方便的话就直接下载解压版的直接解压就可以使用

Visual Studio Code编辑器有什么用

以JavaScript为代表,过去我们调试JS的时候,需要使用浏览器F12,代码上面需要利用console.log 或 alert 对过程进行输出,习惯了例如VS 编译器的开发人员会比较不习惯。

如今可以使用VS Code进行开发,它开源免费,通过安装开发语言相关的插件,可以让VS Code实现相应的语法识别和代码提示,目前拓展商店已经提供了大多数编程语言的插件,可以随便下载,常用有Script有JScript、EScript ,以及包括PHP,Python等其它语言。

Visual Studio Code如何安装插件

插件安装完成后重启生效

VS Code如何使用

官网教程:https://code.visualstudio.com/docs

可以根据自己开发使用的语言来设置和配置,一个好的开发工具可以使我们开发提升效率和少出错;二货才会用Text文本编辑器写代码,想要记住或者熟练使用api的方式一个是多查文档,一个是借用开发工具智能提示多去使用和记忆,不是要去死记硬背的。

Visual Studio Code如何安装必备的调试插件

Vscode默认是在控制台下查看html文件,对于我们查看和调试都很不方便,那如何在浏览器中打开呢?

在扩展栏的搜索栏中输入open in browser,找到open in browser这款插件,点击右下角“安装”字样即可安装。

安装完成后可以看一下这款插件的扩展文档,里面有插件的各种信息,及插件的使用方式等

我们可以看到在默认浏览器中打开是:Alt + B,在其他浏览器中显示是:Shift+Alt+B

Visual Studio Code快捷键

1、代码格式化 :

当前选择的源代码:Ctrl + K Ctrl + F.

整个文档格式:Shift + Alt + F.

2、导航到特定行

键盘快捷键:Ctrl + G.

3、撤消光标位置

键盘快捷键:Ctrl + U.

4、修剪尾随空格

键盘快捷键:Ctrl + K Ctrl + X.

5、转到工作区中的符号

键盘快捷键:Ctrl + T.

6、上下移动线

键盘快捷键:Alt +向上或Alt +向下

7、代码折叠

键盘快捷键:Ctrl + Shift + [和Ctrl + Shift +]

8、选择当前行

键盘快捷键:Ctrl + L.

9、导航到文件的开头和结尾

键盘快捷键:Ctrl + Home和Ctrl + End

10、打开Markdown预览

在Markdown文件中,使用键盘快捷键:Ctrl + Shift + V.

Visual Studio Code主要亮点

1、资源管理器中的压缩文件夹——默认情况下,单个子文件夹处于折叠状态

2、编辑差异视图的左侧——现在可以在差异视图中编辑两个文件

3、键入时更新搜索结果——键入时更新全局搜索结果

4、问题面板改进——按问题类型过滤并将输出限制为活动文件

5、Minimap 高亮错误和内容更改——快速查找文件中的问题和更改

6、终端最小对比度——设置首选对比度以提高可见度

7、标签中的 HTML 镜像光标——匹配 HTML 标签中的自动多光标

8、JS/TS 中的可选链接——使用?。运算符可以简化嵌套结构的使用

9、提取接口重构——快速将内联类型提取到 TypeScript 接口

10、远程-容器扩展——更好地支持在 Docker 容器中打开存储库

11、Visual Studio Online - 创建并连接到基于云的开发环境

Visual Studio Code功能特色

1、符合智能感知。

超越语法高亮和自动完成与智能感知,它提供了基于变量类型,函数定义,并导入模块智能完成。

2、打印语句调试已成为过去。

从编辑器直接调试代码。 启动或附加到正在运行的应用程序,并使用断点,调用堆栈和交互式控制台进行调试。

3、内置 Git 命令。

与 Git 和其他 SCM 提供商合作从未如此简单。 从编辑器中直接查看差异,阶段文件和提交。 从任何托管的 SCM 服务推送和拉取。

4、可扩展和可定制。

想要更多功能吗? 安装扩展以添加新语言,主题,调试程序以及连接到其他服务。扩展程序在不同的进程中运行,确保它们不会减慢编辑器的速度。

以 JavaScript 为代表,过去我们调试 JS 的时候,需要使用浏览器 F12,代码上面需要利用 console.log 或 alert 对过程进行输出,习惯了例如 VS 编译器的开发人员会比较不习惯。

如今可以使用 VS Code 进行开发,它开源免费,通过安装开发语言相关的插件,可以让VS Code实现相应的语法识别和代码提示,目前拓展商店已经提供了大多数编程语言的插件,可以随便下载,常用有 Script 有 JScript、EScript ,以及包括 PHP,Python 等其它语言。

Visual Studio Code如何改成中文

启动 Visual Studio Code,默认为英文界面。

点击插件按钮,搜索 Chinese,如配图所示,如果没有安装中文插件,需要点击 Install 进行安装。

按 F1 键,输入 Configure Language ,点击搜索结果中的 Configure Display Language。

此时会打开语言配置文件 locale.json,英文状态下 locale 属性默认为 en,将 en 修改为 zh-CN,然后保存重启工具即可。

Visual Studio和Visual Studio Code的区别

区别一:含义不一样。

Visual Studio(简称VS)是美国微软公司的开发工具包系列产品,是一个基本完整的开发工具集,它包括了整个软件生命周期中所需要的大部分工具,如UML工具、代码管控工具、集成开发环境(IDE)等。通俗的讲,是一款编译器。

visual studio code是美国微软公司是一个项目:运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。通俗地讲,是一款编辑器。

区别二:跨平台运行能力不一样。

Visual Studio 各种功能只能在 Windows 和 macOS(Mac OS X )之上运行,不能跳跃各平台编辑。

visual studio code是一款真正的跨平台编辑器,可以在用户习惯的平台上使用,而不是非要迁徙到 Windows上。

区别三:功能不一样。

Visual Studio是目前最流行的Windows平台应用程序的集成开发环境。提供了高级开发工具、调试功能、数据库功能和创新功能,帮助在各种平台上快速创建当前最先进的应用程序,开发新的程序。

visual studio code集成了所有一款现代编辑器所应该具备的特性,包括语法高亮,可定制的热键绑定,括号匹配以及代码片段收集,这款编辑器也拥有对 Git 的开箱即用的支持。

以上就是微软开源文本处理器Visual Studio Code1.41的下载、安装和使用图文教程。VS Code和Visual Studio是不同,Visual Studio开发工具集,不过两者都是微软的产品。两者一个是编辑器,一个是编译器。Visual Studio Code从官方网站上就能下载,教程很简单。关注教程之家,解锁更多软件教程。

相关教程
图文教程