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. 实时预览

  1. chrome 安装 JetBrains IDE Support
  2. WebStorm > Run > Debug

1.8.1. References

results matching ""

    No results matching ""