sublime
- 用途
sublime是一款主流前端开发编辑器
支持html,css,js等前端开发语言,同时也支持php,c++,python,java等多种编程语言。
支持多种编程语言的语法高亮,拥有优秀的代码自动完成功能。
跨平台,同时支持[Windows]、[Linux]、[Mac OS X]等操作系统
Package Control支持的大量插件可通过其进行管理 - 使用方法
<small>1、善于运用快捷键,列举几个常用的: </small>
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 + . : 关闭标签
<small>2、善于运用插件
推荐一篇sublime插件推荐的知乎文章:sublime插件推荐,里面有详细全面的sublime插件介绍</small>
phpstorm
- 用途
PhpStorm是一个轻量级且便捷的PHP IDE
支持Php,同时也支持html,css,javascript编程语言
跨平台,同时支持[Windows]、[Linux]、[Mac OS X]等操作系统
内置支持Zencoding,支持php代码补全
支持在PHP,JS,HTML中设置断点
支持FTP和远程文件同步 - 使用方法
<small>1、常用快捷键列举:</small>
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的升级版)
<small>2、使用技巧总结(由于本人不常用phpstorm,暂时无技巧可言),推荐一篇文章:phpStorm使用技巧总结,内容大致如下:</small>
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 - 使用方法
<small>1、常用快捷键列举</small>
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 : 显示标尺
<small>2、常用功能列举</small>
前端开发人员(我)使用ps最频繁的功能就是切图,简单总结一下切图的步骤:
1、打开psd文件,双击左侧的放大镜工具,将图片缩放到原图大小
2、点击左边的切片工具,拖动鼠标就会出现切线
3、在切线框内右击可以选择编辑切片
4、按ctrl+shift+alt+s保存(存储为web所用格式)
5、如果要透明的,选择png格式,如果是非透明的,在不影响视觉效果的情况下选择文件越小的存储格式
6、最后保存的时候选择选中的切片,不然好多没用的图片都会保存下来
<small>其余专业人员常用功能及其使用方法只能另行百度,推荐一篇有趣的知乎文章:有哪些看上去很高大上,但实际很简单的 Ps 技巧</small>