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页面出来啦!
如果本篇文章对您有帮助,