VS中新建html文件
前端可用的IDE非常多:
如果你还要学习后端,可以直接使用后端开发所用的IDE,比如eclipse(Java)或Visual Studio(C#)
如果你纯学前端,推荐使用VS code
然后,在其中的wwwroot下添加html文件即可。(注意:不要更改wwwroot之外的其他任何内容)
暂时我们也不需要理解其中的solution/project等的含义(有好奇心的同学,见:Visual Studio:项目和解决方案)
注意:文件的命名
演示:
新建html文件上右键 - View in Browers
修改默认浏览器
理解开发环境
通过Visual Studio中的ASP.NET项目浏览一个html页面,和在浏览器中打开一个html页面不一样。
事实上,VS在运行时启动了一个IIS express,在本地模拟了真实的服务器环境(environment),浏览器是连接着这个IIS在运行的!
——Visual Studio被称之为IDE,就是因为它自带了这些组件,能够完成这些工作(如果使用VS code需要自己搭建这些环境)。
IIS
全称:Internet Information Service,是服务器上安装的一个“软件”,这个软件可以响应http请求。
类似的应用于Linux的,还有:Apache
IIS Express:是Visual Studio内置的IIS演示版,是精简的/用于开发的/迷你的 IIS。
因为VS中所有的ASP.NET项目都运行在localhost(本地主机)上,所以VS用随机生成的端口号(port)来区别各个项目。
PS:服务器/端口,就类似于: 房子/门窗
复习:识别URL
协议、(顶级/一级/二级)域名、端口、绝对/相对路径、url参数(query string)
客户端(client)
以下称呼通常都是通用的:
本地(local)计算机:相对应的就是“远程”计算机
客户端(client):相对应的就是“服务器”。为什么叫“客户端”,因为服务器提供服务嘛,为谁提供服务?不就是为“客户”提供服务么?
浏览器(browser):相对应的就是“IIS”或者以后要学习的ASP.NET运行时。我们会说:这段(JavaScript)代码在浏览器上运行,那段(C#)代码在ASP.NET中运行……
作业
安装VS Code(或者Visual Studio,或者eclipse,此后不再说明),建议英语语言包
在VS Code上新建一个项目和一个网页,能够显示:Hello,源栈!
熟记每日单词
为课程准备面试题目