phpstorm快速编辑模板技巧
phpstorm包含了webstorm的全部功能,更能够⽀持php代码。PhpStorm是⼀个轻量级且便捷的PHP IDE,其旨在提供⽤户效率,可深刻理解⽤户的编码,提供智能代码补全,快速导航以及即时错误检查。
phpstorm的好功能有很多很多,为我们快速有效地完成项⽬提供了很多的⽅便之处,下⾯我们就⼀窥它的神奇之处吧。
先从捣⿎编辑器外观让我们看着顺眼些开始吧。
1.修改整个软件的外观
打开“File”-“Settings”-“Appearance”(注意路径,这⾥有两个Appearance,⼀个是软件的外观,⼀个是编辑器的外观),然后在右边到theme(主题),可以选择软件外观的不同主题。⽐如你想选择⽐较能够唬⼈的⿊⾊外观就可以选择Darcula,如图;
然后点“Apply”就会弹出⼀个让你重启软件的按钮,重启以后就能看见修改的修改了(下同)。
下⾯的Override default fonts by(not recommended),意思是推翻默认字体(不推荐),虽然写着不推荐,但是我们偏喜欢逆天⽽⾏怎么样,打上勾,字体选“微软雅⿊”,字号14,当然这个随你喜欢就⾏。
2.修改编辑器外观
打开“File”-“Settings”-“Editor”-“Appearance”⾥点中“Colors & Fonts”,右边会有⼀些已有的风格,它们是编辑器的整体风格,如图:
如果你想局部修改编辑器字体,可以点开“Colors & Fonts”前⾯的⼩标记,下⾯有个“Font”,点中它,右边出现⼀些选项,注意:这时候这些参数是不能修改的,所以第⼀步我们就是要先Save As…保存成⾃⼰的风格,然后取⼀个名字如mydefault,然后我们就可以为所欲为了,哈哈。
最好选择“Show only monosoaced fonts”,这个是等宽字体,等宽字体是⽅便我们写代码时可以进⾏列操作的。Size为14,Line spacing为1.1,当然这随你喜欢,在下⾯字体⾥选⼀个喜欢的字体,左边框⾥是available fonts可⽤字体,右边框⾥是Selected fonts已选择的字体,可⽤字体和已选字体可以点中间的左右三⾓按钮互换,已选字体可以⽤右边的上下三⾓按钮移动来调整上下位置。
3.⽀持z-coding功能
z-coding是⼀个让你写html可以事半功倍的东西,⽐如你在html⽂件⾥输⼊ul.nav>li*5>a然后按Tab键,马上能出来⼀⼤段代码,如下所⽰:
帝国cms文库模板这只是z-coding的冰⼭⼀⾓,更多详情感兴趣的朋友可以⼀下这⽅⾯的资料。
4.Live Templates代码⽚断
A)我们先介绍⼀个代码⽚段最基本的功能,我们要实现的⽬标是在html⽂件或者php⽂件⾥打⼊“quan”这4个字符,就能出现站长圈的⽹址“http:/ /wwwquan ”。怎么实现呢?
1).打开“File”-“Settings”,到并点中“Live Templates”,
2).点右边的+号(7.0版本有两个选择,选择Live Templates),
3).Abbreviation是你将来要输出代码⽚断代码的缩写,现在输⼊“quan”,
4).Description是代码⽚断的描述,这是⽅便我们⾃⼰知道这段代码是什么东西,我们输⼊“站长圈⽹址”,
6).下⾯有⼀⾏红⾊的字很重要,No applicable contexts yet,Define是让你选你的代码⽚断是在哪种类型的⽂件⾥起作⽤的,这个⼀定要选择⼀下,没有选择时如下图绿框所⽰,它被分在⼀个user类别下⾯。现在我们要让它在html和php⽂件⾥起作⽤,所以在弹出框的html 和php两个前⾯打勾(选择以后下⾯的字就不是红⾊的了),如图所⽰。
提⽰: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”变成可点状态了,如下图红框所⽰,等⼀下我们设置这个。
6).还是别忘了下⾯的红⾊字“Define”点⼀下,设置html和php打勾,这是因为有些cms的模板是html有的是php类型的,这个懂cms的朋友你懂的。
7)然后点开刚才已经可点的按钮“Edit variables”
可以看见“Derfault value”是默认值,我们输⼊“”页⾯关键字””,注意这是⼀个字符串类型,外⾯要加英⽂的双引号,前⾯⼀
个“Expression”⾥有很多函数,我们要介绍的是“enum()”枚举函数,我们输⼊“enum(“帝国关键字”,”phpcms关键字”)”,括号⾥是参数,参数⽤英⽂双引号括起来,参数中间⽤英⽂逗号相隔。
8)下⾯重复2–6步,点右边的+号,选择Live Templates,Abbreviation⾥输⼊“帝国关键字”(这个与你在枚举函数⾥输⼊的参数是⼀样的),Description 随便你写不写,你也可以写上“帝国关键字”,这个⽆所谓;Template text ⾥输⼊帝国的关键字标签“[!–
pagekey–]”,“Define”点⼀下,设置html和php打勾
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⾏,把前⾯的#去掉,后⾯放你同步⽂件夹的路径,如
插件地址也可以放在你的同步⽂件夹,如图:
这样你在公司和家⾥就能⽐较快捷地同步使⽤这个配置⽂件了。
6.项⽬收藏夹
“File”-“Add to Favorites”
7.设置⽂件编码
“File”-“File Encoding”
8.新建本地项⽬
打开 “File”-“New Project”,弹出如下图的⼀个框:
“Project name”是项⽬名称,不要被“项⽬”这两个字吓到了,它其实就是你要放⽂件的⼀个⽂件夹名字,“Location” 就是你⽂件夹要放的路径,“Project type”是项⽬的类型,这也是phpstorm的⼀个特别功能,如果你要建的是⼀个空项⽬,可以选默认的“Empty project”,空项⽬⾥会默认有⼀个.idea⽂件夹。同时,phpstorm也为你准备好了⼀些其他项⽬,⽐如我们建⼀个“Twitter Bootstrap”,它是⼀款微博的先驱Twitter推出的前端框架利器,步骤如下:
然后你就会看见这个框架⾥已经有了很多⽂件,你就可以不费吹灰之⼒使⽤它们了。
9.新建远程项⽬
1. 打开 “Tools”-“Deployment”-“Brower Remote Host”,
2.在窗⼝右侧可以看见⼀个“Remote Host”区域,点开三个⼩点点的按钮,新建⼀个服务
3.填好你的FTP的信息,填完可以点“Test FTP Connection”测试⼀下连接是否成功,如图:
4.点开前⾯图中的“Advanced options”按钮,弹出如下对话框,勾选“Passive mode”被动模式:
5.还要点开“Mappings”,选择你下载服务器⽂件时缓存映射的地⽅”:
6.然后你就可以在右侧看见你连接的远程服务器了,点开⼩加号,就看可以看见你空间⾥的东西了:
7.当你第⼀次编辑某个⽂件的时候,可以在那个⽂件的名字上右键选择“Upload here”下载到本地,它会下载到你映射的地⽅,
8. 你编辑完成后可以在⽂件编辑区右键⿏标,选择“Upload to”把编辑好的⽂件上传到服务器,如果你嫌这样做⿇烦,也可以设置⼀个快捷键,⽐如“ctrl+s”。
有⼈怕“ctrl+s”和本地保存有冲突,不⽤怕,因为phpstorm的强⼤之处在于它本地不需要你保存,它会⾃动保存,⽽且它还有⼀个本地版本库。
那我们顺便来看看这个本地版本库是个啥东西吧。打开菜单栏上“VCS”-“Local History”-“Show History”,你会看见,本地版本库不但帮你保存了最后的修改,⽽且你对⽂件做的每⼀步修改它都有记录,左侧栏显⽰的是修改时间,中间是显⽰的修改的地⽅,右侧是当前的⽂件样⼦,这样你再也不怕修改错了不能返回以前的步骤了,也再也不怕突然停电没有保存⾟苦编辑的⽂件等等了,哇,真想三呼万岁啊。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论