sublime,phpstorm,photoshop开发工具介绍

sublime

• 用途
  

  sublime是一款主流前端开发编辑器
  支持html,css,js等前端开发语言，同时也支持php,c++，python,java等多种编程语言。
  支持多种编程语言的语法高亮，拥有优秀的代码自动完成功能。
  跨平台，同时支持[Windows]、[Linux]、[Mac OS X]等操作系统
  Package Control支持的大量插件可通过其进行管理

• 使用方法
  1、善于运用快捷键，列举几个常用的:

  Ctrl + N : 新建文件
  Ctrl + D : 多行游标
  Ctrl + x : 删除当前行
  Ctrl + ] (Tab) : 增加缩进
  Ctrl + [ (Shift+Tab)：减少缩进
  Ctrl+/ : 注释当前行
  Ctrl+Shift+/ : 当前位置插入注释
  Ctrl + H : 查找替换某个单词
  Ctrl + Shift + P : 打开命令面板
  Ctrl + Shift + V : 粘贴并且格式化
  Ctrl + Shift + T ： 恢复关闭文件
  Ctrl + Shift + D ： 复制当前行到下一行
  Ctrl + Shift + Enter : 当前行上面添加一行
  Ctrl + Shift + ←(→) : 选中一行中的某一部分
  Ctrl + Shift +↑(↓) : 上下移动该行
  Alt + . ： 关闭标签

  2、善于运用插件
  推荐一篇sublime插件推荐的知乎文章：sublime插件推荐，里面有详细全面的sublime插件介绍

phpstorm

• 用途

  PhpStorm是一个轻量级且便捷的PHP IDE
  支持Php,同时也支持html,css,javascript编程语言
  跨平台，同时支持[Windows]、[Linux]、[Mac OS X]等操作系统
  内置支持Zencoding，支持php代码补全
  支持在PHP，JS，HTML中设置断点
  支持FTP和远程文件同步

• 使用方法
  1、常用快捷键列举：

  Ctrl + E : 查看最近打开文件或项目
  Ctrl + Shift + N : 打开工程中的文件
  Alt + ←/→ 切换代码视图，标签切换
  Alt + ↑/↓ 在方法间快速移动定位
  Ctrl + D : 复制当前行
  Ctrl + Y : 删除当前行
  Ctrl + Shift + I : 查看变量或方法定义源
  Ctrl + Alt + F12 : 跳转至当前文件在磁盘上的位置
  Alt + down : 查看下一个方法
  Alt + up : 查看上一个方法
  Ctrl + Alt + L : 重新格式化代码
  Ctrl + / : 行注释
  Ctrl + Shift + / : 块注释
  Ctrl + N : 根据类名称查找
  Ctrl + Shift + N : 根据文件名查找
  Ctrl + Shift + Alt + N : 根据函数名查找
  Ctrl + Shift + F : 在一个目录里查找一段代码(ctrl+f的升级版)
  Ctrl + Shift + R : 在一个目录里查找一段代码并替换(ctrl+r的升级版)

  2、使用技巧总结（由于本人不常用phpstorm，暂时无技巧可言），推荐一篇文章：phpStorm使用技巧总结，内容大致如下：

  1、从版本控制系统创建项目:
  CVS -> Checkout from Version Control
  2、关联DOC文档:
  右键External Librariese -> Configure PHP include paths
  3、去掉波浪线:
  settings -> Editor -> Colors & Fonts -> General -> TYPO->Effects
  4、显示行号:
  settings -> Editor->Appearance->Show line numbers
  5、远程或本地同步文件:
  Tools -> Deploments -> Configuration
  6、去掉右上角浏览器图标:
  settings -> tools -> WebBrowsers
  7、添加VIM插件:
  settings->editor ->plugins->browse repositories ->搜索VIM
  8、启动的时候不打开工程文件
  Settings->General去掉Reopen last project on startup.
  9、取消自动保存
  appearance -> system settings -> save file的两个选项 去掉
  10、 将编辑的文件加星号标识:
  settings -> editor -> editor tabs -> 勾选 mark modifed tabs…
  11、添加扩展名高亮显示:
  settings -> editor -> file types

photoshop

• 用途

  photoshop是一款 图像处理软件，主要处理以像素所构成的数字图像
  广泛应用于平面设计，修复照片，广告摄影，影像创意，艺术文字、网页制作等领域
  使用其众多的编修与绘图工具，可以有效地进行图片编辑
  支持[Windows]、[Linux]、[Mac OS X]操作系统，[Linux]用户需要通过使用Wine来运行Photoshop

• 使用方法
  1、常用快捷键列举

  Ctrl + N : 新建
  Ctrl + O : 打开
  Ctrl + W : 关闭
  Ctrl + Shift + Z : 向前一步
  Ctrl + Alt + Z : 向后一步
  Ctrl + X : 剪切
  Ctrl + J : 复制图层
  Ctrl + D : 取消选择
  Ctrl + Shift + I : 反选
  Ctrl + Alt + D : 羽化
  Ctrl ++ : 放大
  Ctrl +- : 缩小
  Ctrl + 0 : 满画布显示
  Ctrl + Alt + 0 : 实际像素
  Ctrl + R : 显示标尺

  2、常用功能列举
  前端开发人员(我)使用ps最频繁的功能就是切图，简单总结一下切图的步骤：

  1、打开psd文件，双击左侧的放大镜工具，将图片缩放到原图大小
  2、点击左边的切片工具，拖动鼠标就会出现切线
  3、在切线框内右击可以选择编辑切片
  4、按ctrl+shift+alt+s保存（存储为web所用格式）
  5、如果要透明的，选择png格式，如果是非透明的，在不影响视觉效果的情况下选择文件越小的存储格式
  6、最后保存的时候选择选中的切片，不然好多没用的图片都会保存下来

  其余专业人员常用功能及其使用方法只能另行百度，推荐一篇有趣的知乎文章：有哪些看上去很高大上，但实际很简单的 Ps 技巧