Udemy

Install Visual Studio Code (VSC)

来自 Andrew Mead 的免费视频教程
A Full-stack Developer & Teacher
评分:4.6,满分 5 分讲师评分
4 门课程
445532 名学生
Installing Visual Studio Code

讲座描述

In this lecture, you’ll install Visual Studio Code. This is the text editor that we’ll be using throughout the course.

通过完整课程学习更多知识

The Modern JavaScript Bootcamp

Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7!

29:39:09的随选视频 • 更新于 November 2020

Learn JavaScript by building three real-world web applications
Gain a deep understanding of how JavaScript works behind the scenes
Explore the latest cutting-edge features from ES6 and ES7
Test your skills and gain confidence by completing over 80 coding challenges
Learn how to deploy your application to the web so you can share them with everyone
Learn how to use Promises and Async/Await with asynchronous JavaScript
Get more done by learning how to debug and fix your code when things go wrong
Get access to a free 80 page PDF guide with lecture notes, code samples, and documentation links
简体中文 [自动]
在本视频中, 您将在计算机上安装Visual Studio Code, Visual Studio Code是一个文本编辑器。 它不像你的机器上的文本编辑器, 你可能会用它来记下一些笔记。 这是专门为编程语言设计的。 所以这将使实际编写JavaScript代码变得非常容易。 这是我们要写的所有代码, 我们写在整个课程。 我们可以通过code. visual studio. com了解更多关于这段代码的信息。 除了是我最喜欢的文本编辑器之外, Visual Studio Code是免费的开源软件, 它可以在任何地方运行。 因此, 无论您在本课程中使用什么操作系统, 您都将能够安装VSC并对其进行配置。 正如我有我的本地副本设置为这门课程, 我实际上已经完全卸载了我所有的插件, 主题和设置。 我完全删除了Visual Studio代码, 我们将从头开始进行设置。 我们将从使用默认特性开始。 VSC附带了JavaScript支持, 随着课程的进展, 我们将添加和自定义Visual Studio代码, 以创建更好的开发环境。 因此, 如果您没有已经使用过的文本编辑器, 或者您以前没有使用过VSC, 我建议您在本课程中尝试一下, 因为您将获得能够设置本地开发环境的额外好处。 就像我已经建立了本地开发环境一样。 如果你不想使用VSC, 还有其他选择。 过去我用亚当。 这是GitHub发布的文本编辑器。 你也可以使用sublime文本, 这在过去是一个非常流行的选择。 最后, 还有更复杂的编辑器, 如Web Storm。 网络风暴不是免费的, 但它确实有很多功能。 它更像是一个想法, 而不是一个文本编辑器。 但是对于这门课, 我们不需要很多这些功能。 我更喜欢visual studio代码, 所以让我们继续下载构建, 实际启动。 我们将快速完成安装过程。 一旦我们完成了, 我们将破解它, 并确保它实际上是成功安装。 这就是我们要写的整个课程的代码。 所以我将保持这个程序从现在开始直到最后的视频。 让我们继续破解这一个开放的过程将是每个操作系统有点不同。 我假设你习惯于安装东西, 所以希望你能通过这个过程没有太多的麻烦在这里。 我有下载窗口。 我只是得到了应用程序, 可以拖到Mac上的应用程序目录中。 我就这么做, 然后我们要做的就是把它打开, 确保它能正常工作。 我将深入到应用程序到Visual Studio代码。 我将打开它, 当你第一次打开它的时候, 你可能需要接受一些权限或者改变一些东西。 Mac通常需要某种确认, 就像这个窗口一样。 一旦我们点击打开那个窗口, 我们就应该在这里进入程序。 我们看到了什么? 我们看到了Visual Studio Code的欢迎屏幕。 这个欢迎屏幕只是试图引导您通过一些方法来开始或如何您可以自定义程序。 我们现在要做一点定制。 我们要做的就是安装几个插件, 这将使生活变得更加轻松。 我们能做的第一件事就是取消选中这个框。 我们不需要每次打开它都看到这个欢迎屏幕。 这个小的软件包图标, 这是我们可以安装新插件的地方。 所有这些插件都将以某种方式自定义VSC的行为。 我们要抓取的第一个是Sublime Text Key Map。 这个插件将把visual studio代码的键盘快捷键从默认值切换到sublime text普及的默认值。 虽然我不喜欢这些崇高的文本编辑器, 我认为他们真的钉它与键盘快捷键。 这是一个超级流行的插件。 我们有大约50万的下载量, 所以我们要继续点击安装来安装这个。 现在, 为了让这个插件生效, 我们必须重新加载, 但在此之前, 我们要再安装一个插件。 本课程将从一开始就使用现代JavaScript。 为了支持其中的一些功能, 我们只需要安装一个插件就可以找到它。 我们将搜索S6, 我们稍后会详细讨论S6到底是什么。 目前, 我们正在寻找的插件被称为Babul S6 7。 这些只是版本号。 所以我们支持更新版本的语法。 这将确保当我们使用这些新的现代功能时, 我们实际上能够有一个支持它们的文本编辑器。 现在, 我们也可以单击安装这个。 这是我们目前唯一使用的两个。 现在, 我们可以继续单击reload。 这将完全重新加载visual studio代码, 确保这些插件实际使用。 现在是时候继续往上走了。 新功能可用于崇高文本GEMAP三。 是否要启用? 当然可以。 我们就这么做吧。 好吧。 所以我们有Visual Studio代码都设置好了。 我们可以继续关闭欢迎屏幕。 在这一点上, 它要求我们为我们的项目打开一个新文件夹。 我们将在本节稍后的内容中进行讨论。 好的, 我们在下一个视频中要做的是安装一个程序, 它实际上允许我们运行JavaScript。 我们现在有地方写JavaScript了。 我们需要一个地方来运行它。 让我们直接跳进去。