webstorm怎么运行html项目

使用 WebStorm 运行 HTML 项目的步骤： 1 . 打开WebStorm并创建一个新的HTML项目。
2 . 创建索引。
文件。
3 . 编写基本的HTML代码。
4 . 配置运行配置并指定 HTML 文件的路径。
5 . 运行该项目，您的默认浏览器将打开。
6 . 快速运行：右键单击 HTML 文件并选择运行。
7 . 调试 JavaScript：设置断点和调试会话。
8 . LiveEdit：安装扩展以启用实时预览。

vscode怎么创建HTML项目-vscode中新建html文件的2种方法教程

vscode怎么创建html项目

记得有一次我教公司的一位新同事如何使用VSCode创建一个简单的HTML页面。
他以前用过记事本，当他得知自己要使用 VSCode 时，眼睛一亮。
我们坐在靠窗的工作站，窗外的阳光透过玻璃照在他的电脑屏幕上。
他边听我的解释边操作。

“看，我们需要先打开文件，就像你通常打开抽屉一样。
”我一边说，一边打开 VSCode 并单击蓝色的“打开文件夹”按钮。
他的手指随着我的动作轻轻敲击了几下。

“接下来，创建一个名为 -project 的文件夹。
这是我们的工作区。
”我创建了一个新文件夹，他跟着我在那里创建了一个新的 src 文件夹，就像他正在建造一座积木城堡一样。

“最后创建一个HTML文件，文件名可以叫index，加上后缀。
就像给你的网页穿上了一件外套。
”我创建了一个索引，他很快就学会了。

等等，还有一件事，我突然想到，你是不是也可以尝试一下LiveServer插件，这样你就可以实时看到页面的效果，就像玩游戏一样。

一边说话，一边打开扩展商店，搜索LiveServer。
安装完成后，他单击“运行”。
瞬间，浏览器中就出现了一个页面。
他热情地看着我：“你真的可以实时看到它！”
于是他的第一个HTML项目就诞生了，在这样做的过程中，我重新找到了教别人的乐趣。

webstorm怎么新建html

以下是创建新 HTML 文件的步骤。

首先打开WebStorm。
创建一个新项目或打开一个旧项目。

然后创建文件。
有菜单点、右键、热键三种方法。

文件名可以随意选择，系统会添加后缀。
选择 HTML5 版本。

输入您想要的代码，就会出现智能提示。
错误以红色突出显示。

有两种类型的储蓄：手动和自动。
自动保存默认为 1 5 秒。

要查看效果，请右键单击打开浏览器。

更改文件名并单击“另存为”。

请小心不要在您的名字中使用特殊字符。