Mac版WebStrom教程(一)HTML5搭建

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页面出来啦!



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


猜你喜欢

转载自blog.csdn.net/Nicolelovesmath/article/details/53426672
今日推荐