编程环境配置

代码编辑器 - VS Code下载

VS Code是一个集成开发环境,简单来说是一个用于更方便地编写代码的工具。

VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能。

VSCode 官网地址:https://code.visualstudio.com/

VSCode 官方文档地址:https://code.visualstudio.com/docs

在官方地址选择符合自己系统的版本进行下载。

下载完成后运行安装程序,将VSCode安装到系统中。

更具体的安装步骤可以参考:https://www.runoob.com/w3cnote/vscode-tutorial.html

运行VSCode,能够看到主界面即可:

服务器环境配置

为了在本地测试我们编写的网页,需要搭建一个简易的服务器环境,可选的工具有很多,包括Live Server、Python Simple HTTP、Node.js Simple HTTP Server、Flask、Express等等。

课程中不会用到复杂的功能,只需要简单的服务器环境即可,这里以Python Simple HTTP为例。SimpleHTTPServer是Python 2自带的一个模块,是Python的Web服务器。它在Python 3已经合并到http.server模块中。

这个程序在机器上运行时只做两件事,侦听特定 TCP 套接字地址(IP 地址和端口号)上的传入 http 请求,以及处理此请求并将响应发送回用户。简单来说,是为浏览器提供访问当前目录下文件的服务。

用法:在终端(powershell)中,进入工作目录后,运行该程序,并指定响应端口

1、进入当前工作目录:

cd XXX(当前工作目录的绝对路径或相对路径),例如

使用相对路径进入当前文件夹下的工作目录