让你玩转代码的编辑神器phpstorm功能详解(1)

   2016-08-30 0
核心提示:让你玩转代码的编辑神器phpstorm功能详解(1)http://www.wwwquan.com/show-66-121-1.htmlphpstorm包含了webstorm的全部功能,更能够支持php代码。PhpStorm是一个轻量级且便捷的PHP IDE,其旨在提供用户效率,可深刻理解用户的编码,提供智能代码补全,快速导

让你玩转代码的编辑神器phpstorm功能详解(1)

http://www.wwwquan.com/show-66-121-1.html

phpstorm包含了webstorm的全部功能,更能够支持php代码。PhpStorm是一个轻量级且便捷的PHP IDE,其旨在提供用户效率,可深刻理解用户的编码,提供智能代码补全,快速导航以及即时错误检查。

phpstorm的好功能有很多很多,为我们快速有效地完成项目提供了很多的方便之处,下面我们就一窥它的神奇之处吧。

先从捣鼓编辑器外观让我们看着顺眼些开始吧。

1.修改整个软件的外观

打开“File”-“Settings”-“Appearance”(注意路径,这里有两个Appearance,一个是软件的外观,一个是编辑器的外观),然后在右边找到theme(主题),可以选择软件外观的不同主题。比如你想选择比较能够唬人的黑色外观就可以选择Darcula,如图;

让你玩转代码的编辑神器phpstorm功能详解(1)

然后点“Apply”就会弹出一个让你重启软件的按钮,重启以后就能看见修改的修改了(下同)。

让你玩转代码的编辑神器phpstorm功能详解(1)

下面的Override default fonts by(not recommended),意思是推翻默认字体(不推荐),虽然写着不推荐,但是我们偏喜欢逆天而行怎么样,打上勾,字体选“微软雅黑”,字号14,当然这个随你喜欢就行。

让你玩转代码的编辑神器phpstorm功能详解(1)

2.修改编辑器外观

打开“File”-“Settings”-“Editor”-“Appearance”里点中“Colors & Fonts”,右边会有一些已有的风格,它们是编辑器的整体风格,如图:

让你玩转代码的编辑神器phpstorm功能详解(1)

如果你想局部修改编辑器字体,可以点开“Colors & Fonts”前面的小标记,下面有个“Font”,点中它,右边出现一些选项,注意:这时候这些参数是不能修改的,所以第一步我们就是要先Save As…保存成自己的风格,然后取一个名字如mydefault,然后我们就可以为所欲为了,哈哈。

最好选择“Show only monosoaced fonts”,这个是等宽字体,等宽字体是方便我们写代码时可以进行列操作的。Size为14,Line spacing为1.1,当然这随你喜欢,在下面字体里选一个喜欢的字体,左边框里是available fonts可用字体,右边框里是Selected fonts已选择的字体,可用字体和已选字体可以点中间的左右三角按钮互换,已选字体可以用右边的上下三角按钮移动来调整上下位置。

让你玩转代码的编辑神器phpstorm功能详解(1)

3.支持z-coding功能

z-coding是一个让你写html可以事半功倍的东西,比如你在html文件里输入ul.nav>li*5>a然后按Tab键,马上能出来一大段代码,如下所示:

让你玩转代码的编辑神器phpstorm功能详解(1)

这只是z-coding的冰山一角,更多详情感兴趣的朋友可以找一下这方面的资料。

4.Live Templates代码片断

A)我们先介绍一个代码片段最基本的功能,我们要实现的目标是在html文件或者php文件里打入“quan”这4个字符,就能出现站长圈的网址“http:/ /wwwquan .com”。怎么实现呢?

1).打开“File”-“Settings”,找到并点中“Live Templates”,

2).点右边的+号(7.0版本有两个选择,选择Live Templates),

3).Abbreviation是你将来要输出代码片断代码的缩写,现在输入“quan”,

4).Description是代码片断的描述,这是方便我们自己知道这段代码是什么东西,我们输入“站长圈网址”,

5).Template text是代码片断的内容,我们输入“http://wwwquan.com”。

6).下面有一行红色的字很重要,No applicable contexts yet,Define是让你选你的代码片断是在哪种类型的文件里起作用的,这个一定要选择一下,没有选择时如下图绿框所示,它被分在一个user类别下面。现在我们要让它在html和php文件里起作用,所以在弹出框的html和php两个前面打勾(选择以后下面的字就不是红色的了),如图所示。

让你玩转代码的编辑神器phpstorm功能详解(1)

让你玩转代码的编辑神器phpstorm功能详解(1)

提示:Expand with是设置用什么快捷键来显示设置的代码片断,我们用默认的Tab键不改。

保存重启以后,打开一个html或者php文件测试一下吧。

B)下面介绍一个代码片断的复杂一点的用法。

假设我们是一个懂很多cms的高手,什么phpcms v9、帝国、织梦等等全部不在话下,但是每个cms都有自己的标签,除非你都一一记住,不然你就只能打开它默认模板或者手册去复制粘贴。现在我们就用phpstorm的代码片断来设置一个快捷输入的方法,举例说明如何快速输入phpcms v9的关键字标签和帝国的关键字标签。

1).打开“File”-“Settings”,找到并点中“Live Templates”,

2).点右边的+号(7.0版本有两个选择,选择Live Templates),

3).Abbreviation是你将来要输出代码片断代码的缩写,现在输入“cmskeywords”,

4).Description是代码片断的描述,这是方便我们自己知道这段代码是什么东西,我们输入“cms的关键字”,

5).Template text是代码片断的内容,这次和前面有所不同,我们要输入一个变量“$var$”,输入以后会发现右边那个本来灰色的按钮“Edit variables”变成可点状态了,如下图红框所示,等一下我们设置这个。

让你玩转代码的编辑神器phpstorm功能详解(1)

6).还是别忘了下面的红色字“Define”点一下,设置html和php打勾,这是因为有些cms的模板是html有的是php类型的,这个懂cms的朋友你懂的。

7)然后点开刚才已经可点的按钮“Edit variables”

让你玩转代码的编辑神器phpstorm功能详解(1)

可以看见“Derfault value”是默认值,我们输入“”页面关键字””,注意这是一个字符串类型,外面要加英文的双引号,前面一个“Expression”里有很多函数,我们要介绍的是“enum()”枚举函数,我们输入“enum(“帝国关键字”,”phpcms关键字”)”,括号里是参数,参数用英文双引号括起来,参数中间用英文逗号相隔。

8)下面重复2–6步,点右边的+号,选择Live Templates,Abbreviation里输入“帝国关键字”(这个与你在枚举函数里输入的参数是一样的),Description 随便你写不写,你也可以写上“帝国关键字”,这个无所谓;Template text 里输入帝国的关键字标签“[!–pagekey–]”,“Define”点一下,设置html和php打勾

让你玩转代码的编辑神器phpstorm功能详解(1)

9)再重复2–6步,设置“phpcms关键字”是“{$SEO[‘keyword’]}”

OK,见证奇迹的时刻到啦,我们来测试一下我们的成果吧。打开一个html或者php的文件,为什么?因为我们刚才设置了只在这两种类型的文件里才能用我们设置的代码片断啊。然后在需要的地方输入“cmskeywords”,按Tab键,是不是有个下拉菜单,里面的内容就是刚才在枚举函数里设置的,用上下键选择任意一个按回车,然后再按Tab,大功告成了。

每做一步都想想刚才是在哪里设置了才会出现这样的结果,试想一下,如果你懂N种cms,这样设置了你能省下多少时间,而且你要输出的代码可能很长,你都可以一下子输出,你也可以举一反三,用这个方法创造更多的奇迹。

5.配置的导入和导出

打开“File”-“Export Setting”,可以把我们辛辛苦苦配置的东西导出来。阿Q温馨小贴士:你可以修改这个配置文件的存放路径,把它放在一个如新浪微盘等等可以和网络同步的文件夹里,修改配置路径的文件在你软件的安装目录下面的JetBrains\PhpStorm 7.0\bin\idea.properties,用记事本打开,复制第8行,把前面的#去掉,后面放你同步文件夹的路径,如

让你玩转代码的编辑神器phpstorm功能详解(1)

插件地址也可以放在你的同步文件夹,如图:

让你玩转代码的编辑神器phpstorm功能详解(1)

这样你在公司和家里就能比较快捷地同步使用这个配置文件了。

6.项目收藏夹

“File”-“Add to Favorites”

7.设置文件编码

“File”-“File Encoding”

8.新建本地项目

打开 “File”-“New Project”,弹出如下图的一个框:

让你玩转代码的编辑神器phpstorm功能详解(1)

“Project name”是项目名称,不要被“项目”这两个字吓到了,它其实就是你要放文件的一个文件夹名字,“Location” 就是你文件夹要放的路径,“Project type”是项目的类型,这也是phpstorm的一个特别功能,如果你要建的是一个空项目,可以选默认的“Empty project”,空项目里会默认有一个.idea文件夹。同时,phpstorm也为你准备好了一些其他项目,比如我们建一个“Twitter Bootstrap”,它是一款微博的先驱Twitter推出的前端框架利器,步骤如下:

让你玩转代码的编辑神器phpstorm功能详解(1)

让你玩转代码的编辑神器phpstorm功能详解(1)

然后你就会看见这个框架里已经有了很多文件,你就可以不费吹灰之力使用它们了。

让你玩转代码的编辑神器phpstorm功能详解(1)

9.新建远程项目

1. 打开 “Tools”-“Deployment”-“Brower Remote Host”,

让你玩转代码的编辑神器phpstorm功能详解(1)

2.在窗口右侧可以看见一个“Remote Host”区域,点开三个小点点的按钮,新建一个服务

让你玩转代码的编辑神器phpstorm功能详解(1)

让你玩转代码的编辑神器phpstorm功能详解(1)

3.填好你的FTP的信息,填完可以点“Test FTP Connection”测试一下连接是否成功,如图:

让你玩转代码的编辑神器phpstorm功能详解(1)

让你玩转代码的编辑神器phpstorm功能详解(1)

4.点开前面图中的“Advanced options”按钮,弹出如下对话框,勾选“Passive mode”被动模式:

让你玩转代码的编辑神器phpstorm功能详解(1)

5.还要点开“Mappings”,选择你下载服务器文件时缓存映射的地方”:

让你玩转代码的编辑神器phpstorm功能详解(1)

6.然后你就可以在右侧看见你连接的远程服务器了,点开小加号,就看可以看见你空间里的东西了:

让你玩转代码的编辑神器phpstorm功能详解(1)

7.当你第一次编辑某个文件的时候,可以在那个文件的名字上右键选择“Upload here”下载到本地,它会下载到你映射的地方,

让你玩转代码的编辑神器phpstorm功能详解(1)

8. 你编辑完成后可以在文件编辑区右键鼠标,选择“Upload to”把编辑好的文件上传到服务器,如果你嫌这样做麻烦,也可以设置一个快捷键,比如“ctrl+s”。

让你玩转代码的编辑神器phpstorm功能详解(1)

有人怕“ctrl+s”和本地保存有冲突,不用怕,因为phpstorm的强大之处在于它本地不需要你保存,它会自动保存,而且它还有一个本地版本库。

那我们顺便来看看这个本地版本库是个啥东西吧。打开菜单栏上“VCS”-“Local History”-“Show History”,你会看见,本地版本库不但帮你保存了最后的修改,而且你对文件做的每一步修改它都有记录,左侧栏显示的是修改时间,中间是显示的修改的地方,右侧是当前的文件样子,这样你再也不怕修改错了不能返回以前的步骤了,也再也不怕突然停电没有保存辛苦编辑的文件等等了,哇,真想三呼万岁啊。

让你玩转代码的编辑神器phpstorm功能详解(1)

让你玩转代码的编辑神器phpstorm功能详解(1)

 
标签: PhpStorm HTML
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • PHP 设置调试工具XDebug PHPStorm IDE
    PHP 设置调试工具XDebug PHPStorm IDE
    先下载PHP扩展Xdebughttps://xdebug.org, 可以复制自己的phpinfo粘贴到https://xdebug.org/wizard.php中, 会生成需要下载的版本, php.ini的设置语句.下载好之后放入php目录的ext文件夹中, 然后设置php.ini, 在最后加上zend_extension = C:\path\php\ext\php_x
  • PHPStorm+Xdebug断点调试PHP
    PHPStorm+Xdebug断点调试PHP
    前言:何为DEBUG?相信很多程序员都知道debug这个单词,也明白它的意思,但是对于这词的由来,恐怕少有人知道。关于debug的由来,要追溯到1937年。1937年,美国青年霍德华.艾肯找到IBM公司为其投资200万美元研制计算机,第一台成品艾肯把它取名为:马克1号(m
  • PhpStorm 2017.1 EAP 171.2272 发布
    PhpStorm 2017.1 EAP 171.2272 发布
    PhpStorm 2017.1 EAP 171.2272发布了。PHPStorm 是 JetBrains 公司开发的一个轻量级且便捷的PHP IDE,其旨在提供用户效率,可深刻理解用户的编码,提供智能代码补全,快速导航以及即时错误检查。如果你之前已经安装了2017.1phpStorm EAP (171.2152),你很快
    02-05 PhpStorm
  • Mac PHPStorm 使用心得
    PHPStorm 是什么?「 PHPStorm 」 是一个轻量级且便捷的 PHP IDE。其旨在提供用户效率、可深刻理解用户的编码、提供智能代码补全、快速导航以及即时错误检查。PHPStorm 使用心得 (一)全局搜索(command + shift + F)显示类中的方法 (command + 7)函数追踪
  • [实践OK]使用WebStorm/Phpstorm实现remote host
    主要是设置自动保存到远程这个选项:勾选 [V]Tools-deployment-Automatic UploadPhpStorm Save and Upload on ctrl+s, 'Tools - Deployment-config' mark as default serve...Just set server configuration on 'Tools - Deployment-config' mark as default
  • PhpStorm v2016.3发布,工具框架更新,PHP编辑新体验!
    PhpStorm v2016.3发布,工具框架更新,PHP编辑
    下载最新版PhpStorm试用 工具和框架 Remote Interpreters中支持Docker 加入Docker,在PhpStorm中可以添加远程PHP解释器。 PHPSpec 支持 2016.3版本中加入PHPSpec支持。 PHPUnit, Behat, PHPSpec自动识别和配置 现在将会收到提示,建议自动配置PHPUnit, Behat,
    11-10 PhpStormPHP
  • Phpstorm配置phpunit对php进行单元测试
    Phpstorm配置phpunit对php进行单元测试
    在 phpstorm 中配置 php 项目的单元测试,项目使用 Composer 进行管理,为了避免在项目中直接引入 phpunit 相关代码包,使项目的 vendor 目录变得臃肿,这里采用全局安装方式安装了 phpunit 代码包。 composer global require phpunit/phpunit=5.0.* 安装完成
  • 如何修改 PhpStorm 預設的 Class Template?
    如何修改 PhpStorm 預設的 Class Template?
    當使用 PhpStorm 建立 class 時,預設會產生 Created by PhpStorm 的註解,並包含 作者 、 日期 、 時間 等資訊,有的人喜歡,有的人不喜歡,若你不希望每次建立 class 時都有這個檔頭,可以自行修改;除此之外,在 PHP 7 為了讓強行別檢查發揮作用,我們會在
    10-07 PhpStormPHP
  • Mac OS X下PhpStorm+MAMP PRO+Xdebug+FireFox集成开发和断点调试环境配置
    Mac OS X下PhpStorm+MAMP PRO+Xdebug+FireFox集
    一、环境及软件1、macbook pro2、Phpstorm3、MAMP PRO4、FireFox二、环境搭建1、PhpStorm导入项目下载PhpStorm并安装,网上随便找个注册码即可破解,安装后打开界面选择ToolBar → VCS → Checkout from Version Control → Git,填写Git Repository URL,选
  • 远程连接MySQL以及PHPStorm远程开发你的php项目
    远程连接MySQL以及PHPStorm远程开发你的php项目
    在上一篇博文中介绍了如何在完整地搭建LAMP环境。其中提到了新建一个可以在任意IP地址远程连接MySQL的用户,今天这篇博文就详细介绍下如何在你的电脑上远程连接mysql,并且介绍如何用phpstorm来远程开发你的php项目。 我的开发环境是MAC,所以我这篇博文里面
点击排行