WebStorm上手

Paste_Image.png

快捷键

• 2次shift键 快速查找
• alt+左键 多光标选择
• ctrl + alt + l 格式化代码

emmit：

• ^【往上爬升一级】
• ()

• $

  
  
  

  Paste_Image.png
  
  
  

  Paste_Image.png
• {} 文本
• lorem+单词数 【生成无意义的文本】

进阶操作

**易用小功能

• F1 【会给出相应标签的提示】
• ctrl+alt+p 【用特定标签包裹选中文字】
• ctrl+/ 【注释】
• ctrl+删除键 【删除当前行】
• ctrl+alt+回车 【上加一行】
• ctrl+shift+回车 【下加一行】
• ctrl+加号或减号 【展开折叠代码】
• ctrl+shift+加号或减号 【展开折叠全部代码】
• alt+shift+上下键 【快速移动代码】
  -代码尾部ctrl+m 【定位闭合标签首尾端】

响应式框架

• bootstrap
• foundation （可定制）
• semantic UI （命名语义化，自然语法，ui样式多）
• purecss （轻量级）