HTML5学习(四):开发工具

1 前端开发工具

nodepad++: 提示好坑
WebStorm:功能齐全
Sublime:功能不全,插件丰富
DW(Dreamwaver):偏向设计方向的编辑器

自行百度下载WebStorm,如果下载不成功,可以加群获取资源:134688909

HTML5学习(四):开发工具_第1张图片
可以直接打开你放代码的文件夹
HTML5学习(四):开发工具_第2张图片
我们使用WebStorm
HTML5学习(四):开发工具_第3张图片
使用工具爽

2 WebStorm工具使用

  • 快速创建新的文件: Ctrl + Alt + Insert
  • 光标移动行前:Home,光标移动行后:End
  • Ctrl + D 快速复制光标所在行
  • Ctrl + X 快速删除光标所在行
  • Ctrl+shift+↑ 移动选中的代码
  • Ctrl+ + 展开代码块
  • Ctrl + - 折叠代码块
  • Shift+Enter 新起一行

你可能感兴趣的:(HTML5学习(四):开发工具)