首页> 电脑软件> 编程软件 > vscode编程软件
vscode编程软件

vscode编程软件

点击下载(78.2 MB)

PC软件无法在手机上运行,请前往碧蓝下载站电脑版下载

放心下载 免谷歌广告 无广告

软件详情

vscode全称为visual studio code,是微软旗下一款非常很不错的跨平台代码编辑软件。vscode 中文版集成了大部分代码编辑的器的优点,集成GIT、代码调试、语法高亮,具有强大丰富的插件系统,同时支持JavaScript、TypeScript与Node.js等脚本语言,运行稳定,对系统内存的占用率低,同时采取了与VS相同的UI界面,上手更加容易!现在的编程语音越来越多,编程工具也越来越多,程序员们选择起来也是很困难。不同平台还得重构代码,写一次就已经够累,还得重复。好在微软公司为广大的开发者提供了跨平台的编程套件,有了这款工具,代码写一次就够了。

【安装教程】

在本网站下载VSCode文件

点击下载完的VSCode安装文件进入到VSCode的安装向导界面,下图可供参考直接默认点击下一步

而后选择【我接受协议】,继续点击下一步

而后选择VSCode软件安装位置,这个位置可以任何选择

而后下图是创建开始菜单文件夹,这里默认而后继续点击下一步

而后下图中是选择在进行软件安装时要进行其他的任务,这里小编只是选择【添加到PATH(重启生效)】这个选项,而后继续点击下一步

而后下图是确认安装步骤,点击安装开始安装

下图中是安装进度显示

安装成功之后的安装成功提示

安装结束之后会默认打开VSCode,打开的VSCode软件界面

【设置中文】

打开vscode,下图可供参考所示,可以看到vscode的菜单都是英文格式的。

接着我们同时按键盘上的快捷键Ctrl+shift+p,就可以开始设置vscode的语言啦。

点击快捷键之后,在vscode顶部会出现一个搜索框,

接着我们在vscode搜索框里面输入configure language,而后回车就行了。

我们把locale改成这样就OK了,这样就是中文的哦。

之后,Ctrl+s保存设置,而后重启vscode,就可以看到中文菜单了,哈哈。

【软件概述】

Visual Studio Code跨平台编辑器是一个运行于 OS X,Windows 与 Linux 之上的,对于于编写现代 web 与云应用的跨平台编辑器。这标志着 Microsoft 第一次向开发者们提供了一款真正的跨平台编辑器。

visual studio code是一个免费且开源的代码编辑器。支持多种语言代码的编辑,如:C、Visual Basic、C++、C#、Java、PHP、CSS、HTML等等语言代码的编辑。visual studio code是专款专业代码编辑器,有着Editor全功能的定位,再加上开源与跨平台受到广大开发人员的喜爱,让你的编写变的更加有效快捷。本次很多新功能,性能大提升,几百万代码文件几秒钟快速打开,无卡顿;不需要插件化的代码diff,非常实用强大,自动提示等等一系列让你更好的体验使用功能。

【软件特色】

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

二、打印语句调试已经是过去的事了。调试代码编辑器中的权利。启动或附带到你的应用程序运行与调试断点,调用堆栈,与交互式控制台。

三、Git命令内置。Git与其他供应链提供商工作从来都不容易。复习阶段的差别,文件,与提交正确的编辑。推任何托管供应链服务拉。

四、可扩展的、可定制的。想要更多的功能?安装扩展来添加新的语言、主题、调试器,并连接到额外的服务。运行在单独的进程扩展,确保他们不会减慢你的编辑器。了解更多对于扩展。

【功能介绍】

1.@Code Handle

VS Code 的其中一个牛逼之处实际上并不是编译器本身的特性。VS Code是在//BUILD 2015 随着 @code Twitter handle一起发布的

2.多种语言支持

VS Code不只是跨平台, 它想成为支持30多种语言的开箱代码编辑器。 你想问哪个? 你可以编辑C#, VB, JavaScript, HTML, CSS, TypeScript, Ruby, Objective-C, PHP, JSON, Less, Sass 还有 Markdown, 这只是列出来一丁丁而已~ 你可以得到内嵌语法高亮与分支匹配, 当然也少不了代码导航。VS Code旨在成为Node.js, ASP.NET 与 TypeScript 开发的首选IDE, 剑指先进web/cloud 应用。

作为 ASP.NET 5 的开发工具,VS Code 已经是一个富编辑器,它内置具有很多日常功能。简单使用有效的 Yeoman 工具产生你的 ASP.NET 5 web 应用框架,并指向其根目录。你找到了一个功能丰富的 IDE(示例项目截图),它的 Omnisharp-powered 为代码提供了智能感知,错误,命令,部署与集成版本控制功能。所有的这些设计可以保持现代,精益,跨平台的 ASP.NET 5 web 开发在 VS Code 上的所需。

3.并排编辑

vs code 支持的其最受欢迎的开发人员的要求之一--并排编辑代码。简单的命令(?) / 在你的项目浏览器的文件上控制点击,看呀,多个文件可以并排打开文件, pre-docked 并且准备编辑。VS Code 可以支持三个同步的文件编辑,每个人都可以发射命令提示符。下面的屏幕快照展示了来源于一个被开放地并排编辑的 asp.net 项目的两个文件--生活是美好的。

4.一直开启的智能感应

如果没有了 VisualStudio 的智能感应,你不会想写 .NET 代码,对吧?VS Code 知道这些并且尝试着令人满意的创造性的智能感应。确保基于语言特性你能获得友好的提示,同时在你自己写的代码里结合上下文智能感应

5.控制面板

VS 代码中有一个强大、方便的功能就是控制面板--通过简单的单击键盘Command或者Control+Shift+P(??P)来使用。考虑到它是你IDE中的PowerShell,为常用任务准备一个快捷方式,例如下面的屏幕截图。

并且,如果你部署的相聚支持特定的命令行工具,VS代码控制面板是很聪明的,足以理解并提供帮助。举个例子,在我的ASP.NET 5 web应用中,Project.JSon列出了一些特定的DNX(可执行的.NET)命令,后面会给出。在你开始键入这些可是别的命令时,控制面板提供IntelliSense帮助,甚至出现为可执行的任务提供命令提示,如下。

6.函数参数

VS Code 有很精美的智能感知功能,帮助我们在相应的调用中输入函数参数,因此能很轻松地完成代码。这是与编程语言/系统函数相关的功能,除此之外,它智能地对你的代码中的自定义函数提供了帮助。下面的截图显示,为函数调用提供了输入参数,在这个工程里的任何地方 VS Code 都能看到被定义了的函数。并且很流畅。

7.信息预览

作为开发者,你可能往往想要预览一个文件,或检测一个函数的定义。 但是,一个完整的上下文切换的消耗很大,因为它让你无法继续输入。在 VS Code 中输入预览帮助,只需单击右键,或者(F12) -- 这样预览定义(Peek Definition)就会出现,如下所示。预览的结果内嵌在编辑器中,敲击 Escape 键后退出,这样节省了N多的上下文切换的时间。

8.Markdown 预览

几乎所有开发者都具有他们最喜欢的 Markdown 编辑器--快速输入 Markdown,而后预览 HTML。VS Code 有意接管 Markdown 编辑,同时 VS Code 也具有这样的实力。你可以得到一致的Markdown 编辑支持,准备好之后,简单的触发 ??V 来查看预览,如下所示。这里也有按钮,用来在编辑/预览之间切换,同样,它也会将预览窗口并排放置,以便查看变动

【使用方法】

vscode怎样新建项目

首先,vscode本身没有新建项目的选项,因此要先创建一个空的文件夹喔。

而后打开vscode,再在vscode里面打开文件夹,这样才可以创建项目。

下图可供参考所示,选择之前创建的空文件将作为vscode的文件夹就OK了。

Ctrl+shift+p,而后输入task,点击第一个选项即可配置。

下图可供参考,还会跳转,再次选择other即可自动生成配置文件喔。

下图可供参考,原本空文件夹里面就多了json类型的配置文件,这才是一个完整的项目文件夹喔。

vscode怎样新建项目

首先,在vscode项目中编写一个用于预览的HTML素材文件。

而后点扩展图标,开始调整到扩展界面。

在扩展搜索栏里边搜索这个view in browser 工具,安装就可以以了。

下图可供参考所示,可以重启或者重新加载扩展工具,让界面进行刷新。

最后小编我再次强调如果HTML不是vscode项目里边的,那么就无法预览哟,这一点区别于其他的编辑器哦。

【插件教程】

vscode 插件推荐

1 、CSS Peek

使用此插件,你可以追踪至样式表中 CSS 类与 ids 定义的地方。当你在 HTML 文件中右键点击选择器时,选择 Go to Definition 与 Peek definition 选项,它便会给你发送样式设置的 CSS 代码。

2、Color Info

这个简单的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 与 CMYK)相关信息了

3 、SVG Viewer

此插件在 Visual Studio 代码中添加了很多实用的 SVG 程序,你不需要离开编辑器,就可以以打开 SVG 文件并查看它们。同时,它还包含了用于转换成为 PNG 格式与生成数据 URI 模式的选项。

4、Icon Fonts

这是一个可以在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集,包含了 Font Awesome、Ionicons、Glyphicons 与 Material Design Icons。

5、Minify

这是一个用于压缩合并 JavaScript 与 CSS 文件的应用程序。它提供了N多自定义的设置,与自动压缩保存并导出为.min文件的选项。它可以分别通过 uglify-js、clean-css 与 html-minifier,与 JavaScript、CSS 与 HTML 协同工作

6、fileheader

顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

7、filesize

在底部状态栏显示当前文件大小,点击后还能看到仔细创建、修改时间

【快捷键位】

常用快捷键

编辑器与窗口管理

新建文件 Ctrl+N

文件之间切换 Ctrl+Tab

切出一个新的编辑器(最多 3 个) Ctrl+\,还能按住 Ctrl 鼠标点击 Explorer 里的文件名

左中右 3 个编辑器的快捷键 Ctrl+1 Ctrl+2 Ctrl+3

3 个编辑器之间循环切换 Ctrl+

编辑器换位置, Ctrl+k而后按 Left或 Right

代码格式化: Shift+Alt+F,或 Ctrl+Shift+P 后输入 format code

上下移动一行: Alt+Up 或 Alt+Down

向上向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down

在当前行下边插入一行 Ctrl+Enter

在当前行上方插入一行 Ctrl+Shift+Enter

光标相关

移动到定义处: F12

定义处缩略图:只看一眼而不跳转过去 Alt+F12

查看 diff: 在 explorer 里选择文件右键 Set file to compare,而后需要对比的文件上右键选择 Compare with file_name_you_chose

查找替换

查找 Ctrl+F

查找替换 Ctrl+H

整个目录中查找 Ctrl+Shift+F

显示相关

全屏:F11

zoomIn/zoomOut:Ctrl +/-

侧边栏显/隐:Ctrl+B

显示资源管理器 Ctrl+Shift+E

显示搜索 Ctrl+Shift+F

显示 Git Ctrl+Shift+G

显示 Debug Ctrl+Shift+D

显示 Output Ctrl+Shift+U

详细信息

  • 大小:78.2 MB
  • 星级:★★★☆☆
  • 版本: v1.28.2 中文版
  • 语言:简体中文
  • 更新时间:2018-11-08 15:12:17

同类热门

更多 +
举报