1. WebStorm
1.1. 生成命令行工具
Preferences > Tools > Create Command-line Launcher
1.2. 自动生成jsdoc格式的注释
写好函数,输入 /** 加回车
1.3. 快捷键
苹果符号 | 苹果键盘 | PC键盘 |
---|---|---|
⌘ | Command | Window |
⌥ | Option | Control |
⇧ | Shift | Shift |
⌃ | Ctrl | Alt |
快捷键 | 功能 |
---|---|
⌘ + F12 | 打开 Structure |
⌘ + 1 | 打开 Project |
⌘ + ↓ | 打开 Code |
⌃ + F12 | 打开 Terminal |
1.4. 配置 node.js
WebStorm > Preferences > Languages & Frameworks > JavaScript > Node.js and NPM > 选择指定的 node.js 版本,并 enable Core library.
1.5. Live Template
模板
1.5.1. 创建模板
Webstorm > Preferences > Editor > Live Templates > +
1.5.2. 分享模板
模板路径:
- Windows:
<your_user_home_directory>.WebStorm<version_number>\config\templates\<group_name>.xml
- Linux:
~WebStorm<version>\config\templates\<group_name>.xml
- OS X:
~/Library/Preferences/WebStorm<version>/templates\<group_name>.xml
分享方法一
直接分享 <group_name>.xml
文件,导入的时候保存到对应目录
分享方法二
导出配置:
File > Export Settings > 只勾上 Live templates > 选择保存路径 > OK
导入配置:
File > Import Settings > 选择配置文件 > 勾上 Live templates > OK
1.6. 文件模板
Webstorm > Preferences > Editor > File and Code Templates
1.7. 写插件
WebStorm 插件和 IntelliJ 插件一样
1.8. 实时预览
- chrome 安装 JetBrains IDE Support
- WebStorm > Run > Debug