PC软件无法在手机上运行,请前往碧蓝下载站电脑版下载
在本网站下载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