webstorm如何破解?webstorm工具的基本使用方法

本小节基本要求:

webstorm工具安装完成看不懂没关系,先跟着步骤把结果做出来(这样你才会有成就感,有学下去的动力)

要点:

<head></head>是什么<body></body>是什么为什么helloworld!要写在<body></body>中

webstorm如何破解?webstorm工具的基本使用方法

Step1

桌面(或其它盘)创建一个空文件夹,结果如下

webstorm如何破解?webstorm工具的基本使用方法

Step2

打开工具,看左上角,File-》open-》选择你创建的空文件夹

webstorm如何破解?webstorm工具的基本使用方法

Step3

我的文件夹名字叫ypt-web,刚开始创建的时候里面什么都没有哦,现在new一个html文件出来。

右键文件夹名字,new一个htmlfile,取名叫demo01(可以随便取)

webstorm如何破解?webstorm工具的基本使用方法

Step4

在demo01文件中的<body></body>中间写第一句话:hello world!

然后鼠标右键,选择run 'demo-01.html'

webstorm如何破解?webstorm工具的基本使用方法

如果你有默认浏览器的话,这个时候一个页面就会打开,结果如下:

webstorm如何破解?webstorm工具的基本使用方法