sublimeText3和phpstrom使用

一、sublimtext3

下载地址：http://www.sublimetext.com/3

1.1      安装package control 插件，用来获取和管理插件（sublime包管理工具）

官网：https://packagecontrol.io/

（1）通过sublimetext 控制台安装（在线自动安装）

a.打开控制台：    快捷键（ctrl ~），每次启动sublimetxt只能打开一次

菜单栏：view ->show console

b.输入获取代码：网址：https://packagecontrol.io/installation

复制代码，回车 即可安装成功

（2）下载该插件到本地，自己加载

在https://packagecontrol.io/installation 网站下载该插件(Package Control.sublime-package)点击下载

将下载的插件放到sublimetxt 的Installed Packages文件夹中，重启sublim即安装成功

1.2  安装插件

a.    使用package control

打开工具命令面板：快捷键（ctrl shift p），菜单栏：Tools->command palette

输入：package control:install package     回车

会出现脚本搜索对话框：（很慢）可以搜索并安装自己想要的脚本，安装可能很慢，耐心等待。

b.    在没有网络时，可以本地安装插件（使用已经下载好的插件包）

1.将下载好的插件包放到packages目录下

2.配置安装：打开preferences->packages settings ->Package Control ->Settings-User

“installed_packages” : [ “插件名”,]      插件名和下载的包名一致

1.3  卸载插件       使用package control : remove package

1.4 常用快捷操作：

sublime 已绑定的快捷键查看   preferences->Key Bindings

垂直选择：按住鼠标滚轮滚动

自适应缩进粘贴：ctrl shift v

查找光标处相同字符：ctrl d      ctrl k 可略过对该变量的选择

同类选择：alt f3   可一起修改

上下2行切换位置：Ctrl shift up/down

选择括号间的内容：Ctrl shift m

找到一对括号的另一个：Ctrl m

预览文件：   Ctrl p     //输入文件名预览

跳行：Ctrl g                //光标移到指定的行号

1.5  用户设置

{

"color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme",

"disable_tab_abbreviations": true,  //禁用 Emmet的tab键功能（请使用 ctrl+e）

"draw_minimap_border": true, // 用于右侧代码预览时给所在区域加上边框，方便识别

"highlight_line": true,  // 当前行高亮，很好的提示效果。

"font_size": 14,  // 字体大小。

"settings": {"expand_tabs_on_save": true}, // 这个貌似可以忽略，

"expand_tabs_on_save": true,  // 保存自动tab缩进转换为空格，需要额外的配置

"highlight_modified_tabs": true,  // 高亮未保存文件,很好的提示效果。

"auto_find_in_selection": true,

"draw_white_space": "all" ,  // 显示空白字符，有利于去掉多余的空白

"ignored_packages":

[

"Vintage"

],  // 设置忽略内容，的文件检索功能找到特定的文件，比如你不想检索node_modules里的内容。添加进去即可

"tab_size": 4, // 四个空格缩进

"preview_on_click": false, // 点击左侧的文件自动打开。我不太喜欢这个

"drag_text": false, // 选中的文本可以拖动，偶尔误操作。关掉。

"font_face": "Microsoft YaHei Mono", // 换个字体换个心情

"translate_tabs_to_spaces": true, //tab缩进转换为空格缩进

"trim_trailing_white_space_on_save": true, //自动移除行尾多余空格,献给处女座

"word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?" // 双击选择，遇到如下符号停止，我去掉了中线

}

1.6 sublime常用的插件：

插件网址：https://packagecontrol.io/browse 里面有各种插件，并有其使用方法，各个平台

a.安装注意问题：

1.并不是所有包下载后就可以使用，有的是源码包，下载后还需要安装

安装方法：   a：ctrl shift p 打开命令控制面板

b：键入下载包的名字，选择: 包名:Setup 完成安装

b.插件设置：

打开 Perferences->Package Settings->插件名->Setting – Defalut /（setting-User）

setting-User会覆盖 setting-Defalut中,设置一般将setting-defalut内容复制一份到setting-User再修改

设置好后重启sublim

c.常用插件

1.    Cacher：代码段管理插件

菜单栏：Tools->cacher 有所有的操作内容

创建代码段：alt shift c

插入代码段：alt shift i  或 命令控制面板：Cacher：Insert Snippet

从代码片段库中查找代码，并在浏览器cacher插件中显示代码段：alt shift o

从代码片段库中查找代码，在浏览器显示：alt shift p

刷新代码片段库：alt shift r

2.    emmet：是html编辑神器

详细使用参见文档：https://docs.emmet.io/abbreviations/implicit-names/

1.生成html5文档：    ！ tab

2.html头部语法：       meta:utf        tab

meta:vp         tab

meta:compat tab         //兼容ie头部

3.引入：

link tab        script tab      script:src tab

4.body

p.info  tab     .info   tab     //生成带class属性值的标签

h2#title    tab     #title  tab         //生成带id属性值的标签

a:link  tab     a:www.123   tab //带href的a标签

5.根据标签位置关系生成标签：

生成同级：  h2.header+p.info    tab

后代：      ul>li   tab     ul>li+li+li tab

上级：      h2>span^div.content     tab

6.生成标签时并创建文本

a{你好} tab     p[title=”文本”]   tab

a[href:”http://nodejs.cn”]{nodejs中文网} tab

7.重复生成：

ul>li*5 tab

8.给新创建的标签自动编号：

ul>li*8>a{导航$$}   tab

$ 升序数字  $@数字n 从数字n开始排序 $@-数字n 从数字n倒序排序

3.    colorpicker  颜色拾取器

ctrl shift c    打开拾取面板

              4.    AutoPrefixer  自动补全css3前缀的插件

5.    SublimeCodeIntel 代码自动补全插件

javascript 代码自动补全设置：Perferences->Package Settings->SublimeCodeIntel->Setting - Defalut

"codeintel_selected_catalogs": ["jQuery"]改为"codeintel_selected_catalogs": ["javascript"]

php 自动补全：在设置文件中写入正确的项目路径，和php.exe路径

             例: "PHP": {

"php": " F:/www/php/php-7.1.32/php.exe",

"codeintel_scan_extra_dir": ["E:/svn/image/trunk"],

"codeintel_scan_files_in_project": true,

"codeintel_max_recursive_dir_depth": 15,

"codeintel_scan_exclude_dir":[" F:/www/apache/Apache2.4.41/htdocs/blog "]

}

按住 alt 点击某个函数会跳转到具体的方法

6.    View in Browser    可被SideBarEnhancements取代

7.    code formatter     代码格式化插件

ctrl alt f 格式化代码    //快捷键和格式化标准可自定义 ctrl alt y

8.    autofilename        自动完成文件名

ctrl space             触发自动填充文件名

9.    color hightlighter  根据代码十六进制数，单词，rgb 显示他们描述的真实颜色

注意在sublime text3 中无法使用，改安装color hightlight

10.  git   //在sublime中运行Git命令

ctrl shift p     //输入Git命令     git diff  //比较差异

11.  GitGutter       //区域显示一个标记,标记任何你在代码中做的编辑,添加或删除。

12.  Sublime tmpl        //sublime模板插件，新建的文件为自定义的模板

packages/ SublimeTmpl      有说明文档

默认的快捷键：   ctrl+alt+h html            //新建一个html文件（模板）

ctrl+alt+j javascript

ctrl+alt+c css

ctrl+alt+p php

模板文件在SublimeTmpl\templates 文件夹下

设置模板变量："attr": {

"author": "Your Name",

"email": "you@example.org",

"变量名": "变量值"

}

支持${data}变量，可设置它的格式，setting-user 中 “date_format”   = “%Y-%m-%d %H:%M:%S”

13.  SideBarEnhancements        //侧边栏增强

可以在侧边栏右键菜单中，复制文件名，文件绝对路径

在静态html文件中，右键菜单，可选择在浏览器打开文件，还可设置用哪个浏览器打开

可以个性化显示侧边栏文件      //view->show side bar

可以选则浏览器打开文件          //在侧边栏右键文件，选择浏览器打开

可以为各个浏览器设置快捷键

14.  docblockr                    //定义自己注释样式的插件

在函数上一行输入 /** tab键     自动生成自己定义的注释

"jsdocs_extra_tags":[

"@Author Cion",

"@DateTime {{date}}",

"@license ${1:[license]}",

"@version ${1:[version]}",

"@param ${1:[type]}",

],            //设置注释样式

15.  Trailing Spaces      //自动检测并去掉代码中多余空格

可以高亮显示代码后面多余的空格，tab         设置快捷键后，使用快捷键能删除他们

自定义快捷键      { “keys”: [“ctrl+shift+alt+t”], “command”: “delete_trailing_spaces” }

16. Valign             //等号自动对齐

ctrl \        自动对齐等号，在配置文件使用特方便

2.    phpstrom     一款全能的php集成开发环境

1.介绍：可视化debug功能和智能HTML/CSS/JavaScript/PHP编辑、代码质量分析、版本控制集成（SVN、GIT）、调试和测试等功能

2.下载：

3.常用快捷操作：

(1) 查找

a. 在当前文件查找：

ctrl  f             up/down选择查找的字符

ctrl  r             查找，并支持替换

b. 在项目下所有文件中查找

Ctrl shift f

ctrl shirf r

c. 类查找

Ctrl alt b 查找当前类的子类

d. 文件查找

alt shift c              查找最近修改的文件

e. 方法查看

alt+down 查看下一个方法 alt+up 查看上一个方法

ctrl+shift+i    //以弹窗查看变量或方法定义源

（2）快速打开：

Ctrl shift tab          //tab页切换文件,可以快速打开命令行工具（在当前目录下）

（3）代码折叠

ctrl  -/+ //逐渐折叠/逐渐展开

ctrl shift +/-   //全部展开/全部折叠

ctrl  .     //折叠或展开选中的代码

（4）代码自动完成

alt 回车        //给属性或方法设置修饰符（public,protected,private）

ctrl o             //重写父类方法

ctrl i              //快速生成魔术方法

ctrl+j            //插入活动代码提示，弹出窗口，可选择最近输入过的代码插入

ctrl+alt+t      //当前位置插入环绕代码（用if,while,for,function等包裹）

alt+insert      //生成代码菜单，可对类，方法加注释，对类添加构造方法，为属性添加get/set方法

ctrl+shift+回车 //补全句末分号

ctrl+shift+u 字母大小写转换

（5）行操作

ctrl+d    复制当前行

ctrl+y     删除当前行

ctrl+x     剪切行

ctrl+g    //输入行号跳转到该行

ctrl+shift+up/down     //将选中代码向上/下移动

（6）跳转

ctrl 鼠标点击       跳转到类或方法或变量的声明/定义处

ctrl+alt+F12         跳转至当前文件在磁盘上的位置

ctrl+b                  跳到变量/函数/类申明处（光标位置的变量）

（7）文件操作

ctrl  n            //在项目中查找类/文件/符号，并能选择打开

shift+F6         //重命名 （鼠标选中侧边栏要重命名的文件）

alt+left/right  //切换以打开的文件窗口

ctrl  f12        //查看当前文件结构

（8）复制

ctrl shift c       //复制当前文件的绝对路径

ctrl shift v       //查看剪切板中所有类容，并可选择要粘贴的内容

（9）函数

ctrl+p           //光标到函数括号中，显示其默认参数

alt +7            //显示当前的函数结构,查看返回值

（5）注释

ctrl  / 或 ctrl  shift  /     //单行或多行注释

（6）代码格式化        ctrl  alt  l

4.工具

1. ssh远程连接：tools->start ssh session

2. windows客户端工具：view->Tools windows

2.1 databases工具：

2.2 windows命令行工具：

右击侧边栏文件，选择open in Terminal  则在文件所在目录下打开命令行

3. 版本控制svn /git

3.1配置svn：setting->version control->subversion     下面有3项

presentation        //选择要展示的项

network               //网络协议

ssh                       //配置ssh连接远程svn服务器，如果本地安装了svn客户端，则不用设置它

通用设置：setting->version control->subversion 左击subversion的弹窗，配置本地安装的svn客户端，使用它远程连接svn

3.2

使用

VCS->checkout from version control->git/version

4. xdebug调试

5. 代码提示

灰色波浪线：变量未被使用

黄色波浪线：变量命名的单词拼写有问题

红色波浪线：

侧边栏文件名红色波浪线：文件内有严重错误，如语法错误

6. php解析引擎设置

phpstrom 内置有php引擎，但很慢，可以配置本地环境安装的php

File->Setting->Lanuage&Frameworks->php  弹出对话框->Cli interpreter->…->+ ->local path to inter…

->PHP executable ->选择本地安装的php.exe ->应用