Mac版WebStrom教程（一）HTML5搭建

最新推荐文章于 2024-07-03 09:22:57 发布

ZhenniLi

最新推荐文章于 2024-07-03 09:22:57 发布

阅读量1.5w

点赞数 5

分类专栏：前端开发 WebStorm html5 javascript 文章标签：前端开发 WebStorm html5 javascript

本文链接：https://blog.csdn.net/nicolelovesmath/article/details/53426672

版权

2 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

WebStorm教程（一）Html5搭建：Hello，World！

更多开发信息，欢迎关注我的新浪微博：Jenny爱学习

WebStorm具有强大的前端开发能力。本系列将给大家介绍版WebStorm入门及开发。欢迎感兴趣的同学共同讨论学习

一.WebStrom 简介

二.WebStorm的快捷键

快捷键环境 Mac 10.5+

偏好设置：Command +，

插入一行：shift+回车

注释：command +shift +／

删除一行：command+delete

对其全部代码：command+option+L

三.快速建立一个HTML文件

1.打开WebStorm——Creat New Project——（左边栏）Empty Project——（给项目命名）——（选择）Creat（确认建立一个工程）

2.进入编辑工程界面：

1）【方法一】在命名处右键——New——HTML File

【方法二】command +N——HTML File

2）（给页面命名）——OK

WebStorm强大的地方就在于它已经划分好布局，只需填写执行代码即可完成页面。

这里我们增加的代码如下（可复制粘贴）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
Hello，World！
</body>
</html>

效果截图：

想要查看页面效果，选择工程编辑区右上角的浏览器（需要事先安装），这里我选择谷歌的Chrome浏览器，Chrome浏览器采用的是WebKit的内核

第一个搭建的HTML页面出来啦！

如果本篇文章对您有帮助，

ZhenniLi

关注

专栏目录