当前位置:首页 > Web开发 > 正文

sublimeText3和phpstrom使用

2024-03-31 Web开发

标签:

一、sublimtext3

下载地址:

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": "./\\()\"‘:,.;<>[email protected]#$%^&*|+=[]{}`~?" // 双击选择,遇到如下符号停止,我去掉了中线

}

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  或 命令控制面板:CacherInsert 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:   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:””]{nodejs中文网} tab

7.重复生成:

ul>li*5 tab

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

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

$ 升序数字  [email protected]数字n 从数字n开始排序 [email protected]数字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": "[email protected]",

"变量名": "变量值"

}

支持${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               //网络协议

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/43064.html