您当前的位置: 站长圈 > 技术文章 > 后端教程 > 让你玩转代码的编辑神器phpstorm功能详解(2)

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

来源:站长圈 作者:adminroy 点击: 0

10.代码提示

例如,现在我们要输入“var a=document.getElementById('a');”,然后我们输入了“var a=doc”以后出现如下提示:

这时候可以按回车或者tab键确定选择当前高亮的代码,也可以用按键盘的上下键选择。

phpstorm的代码提示功能有别于其它编辑器的地方是它是模糊查询的,比如我们 要打“getElementById()”这个代码,但是我们又具体不记得怎么拼了,只记得有个什么byid,然后我们可以输入byid,或者这样输入gbyid(如下图所示)也能搜索到我们想要的代码,它不需要你从第一个字母开始输,也不需要必须连着输入正确才会提示。而一般的代码编辑器,一定要连着输入才能出现相应提示,如输入g就出现g开头的代码,输入ge就出现ge开头的代码,一旦跳过了哪个字母就找不到我们想要的代码了。这么一比较,你是不是就感觉到phpstorm这款神器为我们打代码省下多少时间和精力啊,赞吧?

1.jpg
 
 

再举一个例子,比如你现在打了一句css代码“.box{ color: #abcdef;}”,你记得#abcdef是什么颜色吗?一个css文件里有很多这样的颜色,你都能记得吗?如果要修改,你能快速筛选找到吗?看看神级编辑器phpstorm的显示效果吧:

首先可以看到在代码行的左边有个和颜色值同色的小方块,鼠标指上去会有颜色的十六进制表示,比如你输入的是color: red;它会提示color: #ff0000;如果你单击颜色小方块会弹出一个颜色的编辑器,你可以任意改变你需要的意思,如:

其次,如前图所见我输入的颜色值代码的背景也会以同色显示,这个默认是没有的,需要我们修改一个地方,打开“File”-“Export Setting”-“Editor”-“Appearance”,在右侧找到“Show Css color preview as background”打上勾,确定后重启一下软件就行了,如图:

6.jpg
 

11.扩展编辑器

有时候,你在phpstorm里编辑的时候也想用一些其他编辑器,比如要在phpstorm里修改一下图片,这时候你可以在左侧栏里面的图片文件上右击,然后在选择“Jump to External Editor”,因为这时你还没有选择默认打开的编辑器,它会弹出警告框和设置框,然后我们如图设置一下,你就可以用photoshop来编辑图片了:

7.jpg
8.jpg

 

12.默认打开的文件模板


1.html模板

我们新建一个html文件,打开“File”-“New”会弹出一个文件类型的框,如图:

10.jpg


选择“Html File”,输入文件名,可以看见默认的html模板是这样的:

11.jpg

我们要设置成我们自己平时想要的样子,例如是这样的:


你可以打开“file”-“Settings”-“File and Code Template”,如图:


选择中间栏的“html5”,在右侧栏里粘贴上我们想要的代码,确定后再去新建一个html文件看看,是不是默认新建的就是你自己创建的模板了?中间栏里显示的就是各种文件的类型,你也可以点上面的“+”按钮另外创建一个文件类型,然后编辑它的默认模板。

2.php模板

打开“File”-“New”,选择“PHP File”, 可以看见软件默认的php模板是这样的:

我们想要变成这样的:


还是打开“file”-“Settings”-“File and Code Template”,中间栏里选择“PHP File”,我们在右侧栏里看见“#parse("PHP File Header.php")”这样一句代码,这是啥意思呢?


这其实是说它包含了一个名字叫做PHP File Header的php文件,这个文件在哪里呢?,如图点开中间栏的“Includes”,可以在下面看见“PHP File Header”,选中它就可以看见右侧栏里的模板了:


默认模板里是有很多变量组成的,比如当前你新建的文件是什么编辑器创建的,是谁创建的,创建的时候是几月几日、几点几分,如果是像我们的名字这样固定不变的,你也可以直接写上,如:

 

确定以后新建一个php文件试试,是不是如你所愿了呢?

更多详细操作,请看视频教程《站长圈阿Q讲PHP基础第六课 phpstorm的使用_02