WebStorm安装、破解、设置、快捷键

  下面将以文字的形式简单介绍WebStorm,读者有个印象就行,不用记忆,把本文档当成手册,比如查询WebStorm的快捷键。

WebStorm安装、破解和汉化

    安装破解流程

  1. 按照默认安装即可
  2. 安装完成后启动软件,弹出License Activation窗口,选择“License server”,文本框输入"http://idea.iteblog.com/key.php",单机Activate
  3. 弹出新窗口,单机"Create New Project",单机"create"即可,可以进入编辑界面

    汉化

  1. 汉化:菜单栏File>Settings
  2. 找到安装目录下的lib文件夹(软件图标右键选择"打开文件所在的位置"可以快速找到)
  3. 把下载的汉化包复制粘贴到当前文件下

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