整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML-使用VS创建网页 218

HTML-使用VS创建网页 218

)通过创建WebSite程序,创建网页

通过VS菜单栏的"文件"->"新建"->"新建网站"->"ASP.NET空网站"

创建web空网站

在右侧的"解决方案"窗口的空网站上右击选择"添加"->"html"起个名字

创建网页

2)通过创建WebApplication程序创建网页

通过VS菜单栏的"文件"->"新建"->"项目"->"新建项目"->"ASP.NET空Web应用程序"

创建空web程序

创建好空web程序之后,添加网页方式如上一个图"创建网页"所示基本差不多不再截图

3)在指定浏览器中查看编辑好的网页

3.1为WebApplication程序设置指定浏览器

设置浏览器

如上图所示,点击此图标即可在浏览器中查看编辑后的效果;通过此图标的右侧小三角形查看电脑上都有上面浏览器,,前面打对勾地表示当前打开的浏览器,如果设置其他的默认浏览器,选择"使用以下工具浏览"选项,在弹出的对话框中添加,移除设置默认浏览器(默不默认个人感觉差别不大),自己手动试试不再赘述

浏览器选项中的"Page Inspector"是VS自带的使用IE内核的小浏览器

3.2为WebSite程序指定浏览器

3.2.1第一种方式:WebApplication程序设置方式差不多自己测试;

3.2.2第二种方式:在右侧WebSite上右击选择"浏览方式",在此窗口中设置默认等操作

两种程序第一次点击浏览图标查看网页时都会打开一个VS自带小型的服务器(IIS)

使用VS创建网页便于下面的JavaScript(简称js)语言的讲解

scode怎么运行代码HTML?vscode是一款源代码编辑器软件,能够用于windows、macOS以及Linux系统,具有丰富的其他语言。网站html编写也需要使用到vscode,但是很多小伙伴们不知道如何运行编写html代码,那么今天就来教大家vscode怎么运行代码HTML以及怎么在vscode编写HTML代码,一起来看看吧。


VS Code中运行

代码有两种方法:

1.自动打开HTML文件

步骤如下:

1)在VS Code中搜索并安装Live Server插件;

2)打开HTML文件;

3)右键单击编辑器中的HTML代码,选择“Open with Live Server”;

4)浏览器将自动打开并显示HTML页面。

2.手动打开HTML文件

步骤如下:

1)打开HTML文件;

2)右键单击编辑器中的HTML代码,选择“Open with Default Application”;

3)浏览器将自动打开并显示HTML页面。


于从事自动化测试的同学来说,有很多自动化测试项目是需要使用JavaScript脚本语言进行coding的,包括selenium、playwright、Puppeteer,那么选择哪种IDE合适呢?在这里我推荐visual studio code ,即vscode!注意:本文介绍的是JavaScript在后端运行和调试的方法,并未涉及前端(浏览器)相关开发知识点。

安装NodeJS

NodeJS是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,它是跨平台和开源的。这里我们简单的把浏览器和NodeJS进行一下对比:

1. 浏览器是 JavaScript 的前端运行环境,而 NodeJS 则是 JavaScript 的后端运行环境;

2. JavaScript 在 NodeJS 运行环境中无法调用 DOM 和 BOM 等浏览器内置 API;

3. JavaScript 在浏览器提供的 JavaScript 运行环境中也无法使用 NodeJS 提供的内置 API。

下载nodejs,默认安装即可

https://nodejs.org/en/

安装成功后(windows 环境),在cmd窗口中输入node –v,出现如下提示证明安装成功

C:\Users\Administrator>node -v

v18.15.0

下载安装vscode

下载地址:https://code.visualstudio.com/Download,下载后默认安装即可

安装vscode插件 code runner

这里默认大家已经了解了vscode的基础使用方法,如果不了解可以参考官方文档:

https://code.visualstudio.com/docs

在vscode的插件市场中,搜索code runner,点击安装即可,如下图

编写Helloword.js

创建一个Helloword.js文件,代码如下:

console.log("Hello Javascript!")

在vscode中按 F5,在选择调试器选项中,选择nodejs,脚本会正常运行,输出

Hello Javascript!

大家在调试控制台中会看到

C:\Program Files\nodejs\node.exe .\ Helloword.js

这说明了vscode 通过我们安装的nodejs 运行了这个js脚本。我们手写一个js脚本,通过执行命令node yourjs.js也是可以运行js脚本的!

是不是很简单呢?如果文章帮助了您,劳烦点赞、收藏、转发!