WebStorm安装、破解、设置、快捷键
下面将以文字的形式简单介绍WebStorm,读者有个印象就行,不用记忆,把本文档当成手册,比如查询WebStorm的快捷键。
WebStorm安装、破解和汉化
- 按照默认安装即可
- 安装完成后启动软件,弹出License Activation窗口,选择“License server”,文本框输入"http://idea.iteblog.com/key.php",单机Activate
- 弹出新窗口,单机"Create New Project",单机"create"即可,可以进入编辑界面
安装破解流程
- 汉化:菜单栏File>Settings
- 找到安装目录下的lib文件夹(软件图标右键选择"打开文件所在的位置"可以快速找到)
- 把下载的汉化包复制粘贴到当前文件下
汉化
WebStorm设置
界面整体效果 | 外观和行为》外观》主题,主题下拉菜单有三种可选择的默认设置 |
添加自定义浏览器 | 文件》设置》工具集》网页浏览器(File>Setting>tools>web browsers),单机"+"添加 |
Ctrl+F | 查找 |
alt+F2 | 弹出所有浏览器选项 |
支持ES6语法检查 | 文件》设置》语言版本和框架》Javascript》语言版本,语言版本下拉菜单选择ECMAScript6 |
WebStorm快捷键
Alt+F2 | 弹出所有浏览器选项 |
Ctrl+R | 替换 |
Ctrl+F | 查找 |
ctrl+alt+t | 选中代码或文字区域,然后使用快捷键可以快速输入标签 |
Tab(输入标签字母后) | 输入标签的字母后,按Tab键,自动补充完整格式 |
Ctrl+Alt+F12 | 选中文件后,使用快捷键,在磁盘窗口打开文件所在位置 |
Ctrl+shift+c | 复制文件路径 |
Ctrl+P | 方法参数提示 |
Ctrl+/ | 注释行 |
Ctrl+Shift+/ | 注释代码片段 |
ctrl+Y | 删除整行 |
Zen Coding
快速编写HTML/CSS代码的代码输入格式,输入缩写形式,按下tab键
缩写 | 意义 |
html:5 | html5结构 |
link:css | 引入css文件 |
script:src | 引入js文件 |
ul+ | ul及一个li |