No.42 WebStorm使用
2020-01-17 本文已影响0人
testleaf
一、WebStorm使用
html:5或者!
按Tab键
生成HTML5网页骨架
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
html:4s
按Tab键
生成HTML4网页骨架
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
html:xt
按Tab键
生成XHTML网页骨架
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
二、WebStorm快捷键
| 快捷键 | 功能 |
|---|---|
| Ctrl + / | 注释语句 |
三、WebStorm的一些小问题
-
如果选择使用右键New→File来创建HTML文件，那么设置Name时不能加后缀名
.html，即使选择文件类型为HTML，文件创建好后最好右键Refactor→Rename加上后缀名.html，不然无法正常在浏览器中预览。 -
File→Settings→Tools→Web Browsers，设置可以用来预览的浏览器。
-
WebStorm汉化：关闭WebStorm，在GitHub上找到jetbrains-in-chinese汉化包，选择里面的WebStorm文件夹的对应版本的汉化文件，下载后放到WebStorm安装目录的lib子目录里面就可以了，打开WebStorm，汉化完成。
不过我更喜欢使用英文版的，因为汉化的不全面。
GitHub上找到jetbrains-in-chinese汉化包
4.中文字体显示难看：File→Settings→Editor→Font，Fallback font设置为Microsoft YaHei Mono，感觉这个中文字体超好看。
5.代码提示：File→Power Save Mode，取消勾选就可以代码提示。
File→Settings→Editor→General→Code Completion，
设置Show the documentation popup in 0 ms，
设置Show the parameter info popup in 0 ms，
代码提示显示更快了。
HTML没有代码提示功能，必须输入尖括号才提示。
