您的位置:

phpstorm开发web项目,phpstorm运行html

本文目录一览:

phpstorm 安装后要进行哪些配置

PHPStorm的配置分为2大类:项目配置和IDE配置。项目配置(设置),主要是配置具体项目。

IDE 配置(设置),通用的设置会应用到所有的项目上。

项目配置

每个项目的配置存储在项目所在目录的 .idea 文件夹中,并以XML格式保存配置。如果你设置的是 “default project settings 默认项目设置”,那么这个默认设置将会自动应用到下一个最新创建的项目上。

IDE 配置

IDE 配置存储在PHPStorm指定的独立文件夹中,各个平台不同,配置的文件夹存放位置也不同。存放目录由PHPStorm名称和版本组成。

例如:

Windows

代码如下

User home.WebIdeXXconfig 存放用户指定的设置。

User home.WebIdeXXsystem 存放PHPStorm 缓存文件。

User home 在 WindowsXP 是指 C:Documents and SettingsUser name; 在Windows 7 以上是指 C:UsersUser name

Linux

代码如下

~/.WebIdeXX/config 存放用户指定的设置。

~/.WebIdeXX/system 存放PHPStorm 缓存文件。

Mac OS

代码如下

~/Library/Application Support/WebIdeXX 存放PHPStorm插件。

~/Library/Preferences/WebIdeXX 存放PHPStorm配置文件。

~/Library/Caches/WebIdeXX 存放PHPStorm缓存,历史记录等。

~/Library/Logs/WebIdeXX 存放PHPStorm日志。

有哪些好用的前端开发软件

1、Bootstrap

Bootstrap是快速开发Web应用程序的bai前端工具包。它是一个CSS和HTML的集合,它使用了新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

2、蓝湖

蓝湖用于查看标注和切图下载非常方便

3、Cloud9IDE

Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器,支持为JS,HTML,CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器,可以在IDE中启动、暂停和停止。

4、Notepad++

Notepad++是一款非常有特色的编辑器,是开源软件,可以免费使用。我们开发人员都是必备的。支持的语言:C,C++,Java,C#,XML,HTML,PHP,Javascript!

5、VisualStudioCode

VisualStudioCode是一个运行于OSX,Windows和Linux之上的,针对于编写现代web和云应用的跨平台编辑器。

6、GIMP

GIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图象处理所需的功能,号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。

7、SecureHeaders

SecureHeaders是Twitter送给Web开发者的一份大礼,作为一款Web安全开发工具,Secureheaders能够自动实施安全相关的header规则,包括内容安全政策(CSP),防止XSS、HSTS等攻击,防止火绵羊(Firesheep)攻击以及XFO点击劫持等。

8、Fontello

Fontello是个图标字体生成器。这个工具允许用户把这些图标web字体放到自己的项目中。主要特性如下:缩小字形集合,减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

windows系统软件开发常用哪些工具

现今国内的软件开发许多都是在windows系统下完成的,哪在这个前提下我们开发软件是使用的那些开发工具呢?让我们一起来了解下:

1、浏览器

Chrome、FireFox、Edge、IE等,主要用于web开发和日常使用,尤其是Chrome里面有很多有用的插件日常使用非常方便,比如Google翻译、FireShot截图、React和Vue调试工具、模拟http请求Postman等等,web开发的程序员一定不陌生,这些浏览器都是必须测试的

2、编辑器

atom、vscode、nodepad++、vim等,主要用来编辑代码,小型工程或者代码小修改的时候使用,推荐一下vscode,以上的根据实际情况和自己的喜好选择

3、远程连接

Xshell、Xftp,Windows系统上连接Linux服务器的时候非常好用

4、IDE(集成开发环境)

PhpStorm(php)、WebStorm(html、css、js)、IDEA(Java、Scala)、Pycharm(Python)、Android Studio等,主要用来开发大型项目

5、开发环境

JDK、Python、Node.js、Php、Anaconda、xampp等,语言的使用都是要提前搭建语言运行环境的

Apache、Nginx、Tomcat等,用于启动Web服务

6、数据库

MySQL、Oracle、Redis、MongoDB等,数据库环境都需要安装包搭建,才能使用数据库

Navicat、Robomongo等,用来管理数据库数据的图形界面化工具

7、虚拟机和容器

VMware、virtualbox、docker等,用来在当前操作系统中启动新的操作系统,这些在实验的时候通常会用到

8、版本控制工具

Git、SVN等,用来版本控制

如何把phpStorm打造成自己的专属IDE

1、如何设置phpStorm的默认编码,例如UTF-8?

phpStorm的编码分为IDE Encoding 和Project Encoding,设置方法是打开File-Setting-Editor-File Encoding设置,例如IDE Encoding设置为GB2312,Project Encoding 为UTF-8。

2、如何设置phpStorm的主题样式?

如何将自己的IDE打造成专属IDE,总会在心理上有那么一点成就感,那么,怎么将phpStorm的界面风格设置成像Sublime那种全灰的风格呢?

依次打开File-Setting-Appearance Behavior-Appearance-UI Option,选择Theme,点击下拉菜单,默认为IntelliJ,选择Darcula,点击apply,即可看到自己的编辑器界面变得酷炫灰了。

3、如何设置编辑区的主题?

接上一步操作,改变phpStorm界面的主题风格后,发现编辑区的主题没有变化,这里跟其他编辑器有点不一样,phpStorm的主题风格是将界面和编辑区分开的,下面就来设置编辑区的主题风格。依次打开

File-Setting-Editor-Colors Fonts-Font ,看到右侧有Scheme的下拉框,这个就是编辑区的主题样式风格。选择自己喜欢的风格,即可。这里需要注意的是,选择好主题后,例如我选了WarmNeon,但是apply之后,发下编辑区的字体太小,这里更改字体需要点击Save As,自定义主题名,然后才能更改Editor Font 下面的PrimaryFont、Size和Line spacing。

4、如何安装自己下载的主题?

在phpStorm官方主题下载自己喜欢的主题,下载下来的是xml格式的,然后将文件拷贝到phpStorm的配置目录里。注意这里指的配置目录不是安装目录,而是在C盘里的对应的一个配置目录,一般在C:\Users\Administrator下:

C:\Users\Administrator\.WebIde100\config\colors,然后将后缀名xml为变为 icbl,即可在File-Setting-Editor-Colors Fonts的Scheme下看到。

5、如何显示行号?

如果你的编辑区没有显示行号,可以通过以下设置来进行显示Settings-Editor-Appearance标签项,勾选Show line numbers。

6、如何添加插件?

File - Settings - Plugins - Browse repositories - 搜索,推荐安装live edit,可以在浏览器实时查看编辑效果。另外如果在学习Linux,对vim不太熟悉的话,也可以安装ideavim,来使用vim的操作来编辑代码,安装成功后,会提示重启IDE,按照提示重启就可以了。

7、如何汉化phpStorm?

有关phpstorm汉化的问题,如果对英文感到恼火的话,可以进行对编辑器进行汉化。

汉化步骤如下:

(1)首先下载安装原版PhpStorm10

(2)将phpStorm安装目录C:\Program Files (x86)\JetBrains\PhpStorm 10\lib目录下的resources_en.jar文件复制出来,并更名为resources_cn.jar

(3)双击打开resources_cn.jar(注意是打开而不是解压出来),将下载的汉化包zh_CN目录下的所有文件拖到刚才打开的resources_cn.jar文件内的messages目录中,并保存。

(4)将resources_cn.jar文件复制回

C:\Program Files (x86)\JetBrains\PhpStorm 10\lib目录,即完成汉化。

备注:如果打开后显示乱码,请先删除resources_cn.jar,然后打开phpstorm,在菜单上依次选择

File - Settings - Appearance Behavior - Appearance - 选中Override default fonts by(not recommended)

Name: Microsoft YaHei (选择任意中文字体)

然后将resources_cn.jar 复制到 .\lib 目录,重新打开phpstorm 就能正常显示中文了。

8、如何快速选中某一行?

鼠标移动到要选中的行,先双击选中任意一个字符,再次双击,即可选中整行。

9、如何快速的复制某行?

phpStorm快速复制某行,只需将鼠标光标移动到目标行,直接ctrl+D,即可复制目标行到下一行,同时也可以进行对代码片段进行快速复制。

10.如何开启自动换行?

PHPStorm默认是启动自动换行的,这点比zend studio好,zend studio的话,需要装个wrapword的插件才能实现行随窗口的大小而自动换行。如果你的phpstorm没有换行效果的,可以右键行号栏,启用(use soft wraps)。也可设置:file-setting-editor-use soft wraps in editor,把前面的框内打勾,保存应用即可。

11.如何给函数添加注释?

给函数添加注释时,只需要在函数前,直接输入/**然后按enter键,就会自动添加注释。

12.如何同时选择多个关键字?

要实现多个关键字同时选中,按住"ALT"键,然后"双击"要选择的关键字,就可以连续选择了。

13.phpstorm如何修改php文件头部注释内容:

File-setting-Editor-File and Code Templates-右侧Includes-PHP File Header修改相应内容。

14.phpstorm如何让屏幕分栏显示?

可以 右键标签-Split Vertically(垂直分栏)或者 Split Horizontally(水平分栏)显示。

15.phpStorm一些快捷键的威力:

组合快捷键1:

**CTRL +O** //在一个类中寻找相应方法,直接输入搜索

**CTRL + `** //更改界面主题

**CTRL +E** //打开最近浏览记录

CTRL +Space //打开语法提示

**CTRL + F4** //关闭当前窗口

CTRL + Y //删除当前行或选中内容所涉及的行

**CTRL + R** //替换

**CTRL + F** //查找

CTRL + “-/+” //收缩展开代码

CTRL + “.” //折叠选中的代码的代码

CTRL + [] //匹配 {}[]

CTRL + X //剪切行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容

SHIFT + ESC //当前激活的任意小窗口最小化,也可以是alt + '数字键',数字在小窗口标题栏上有显示

CTRL + J //输出代码模板

CTRL + Q //显示函数注释说明文档

CTRL + B //跳转到变量函数声明处

**CTRL + N** ///////类名查找

**CTRL + F12** ///////显示当前文件的结构,在当前类文件中快速查找方法,也可以点击左侧的structure,可以显示当前类中所有方法

**CTRL + G** ///////跳转行,如:行:列

ALT + F7 //显示structure所有一个类中的所有方法

ALT + 上下箭头 //向上向下函数间切换

CTRL + 鼠标 //代码追踪

组合快捷键2:

CTRL + ALT + L //格式化代码

CTRL + ALT + J //添加标签

CTRL + ALT + S //打开设置

CTRL + ALT + F12 //跳转至当前文件所在磁盘上的位置(可以选择文件、目录、磁盘)

CTRL + ALT + T //插入代码环绕(该快捷键和QQ广播键冲突,可修改QQ的为S+C+A+T)

CTRL + ALT + L //格式化代码,选择内容则格式化选择内容代码,没选择内容就格式化该文件代码(该快捷键和QQ解锁键冲突,可修改QQ的为S+C+A+L)

CTRL + SHIFT + R //快速查找该关键字在整个项目中的位置,并且替换整个项目目录中的匹配字符

CTRL + SHIFT + F //快速查找该关键字在整个项目中的位置

ALT + SHIFT + UP //行移动

CTRL + SHIFT + UP //块移动,光标在{}()或if、while行上,进行块移动,在普通语句上行移动

CTRL + SHIFT + I //重新格式化代码,不选择就一行行格式化,选择内容格式化选择的内容

CTRL + SHIFT + U //字母大小写转换,选择内容转换选择内容,不选择内容自动判断选择单词转换

**CTRL + SHIFT + N** //文件名查找,打开当前工程下任意目录的文件

CTRL + SHIFT + ALT + N //函数名查找

CTRL + SHIFT + V //显示最近粘贴板中的内容,选择后内容插入到光标位置

CTRL + SHIFT + I //查看变量初始化的值,如果是css中的class则显示当前class详细信息,如果是js则显示function的详细信息(想象一下,如果在jquery的方法上查看详细 信息,就直接可以看到实现代码了),如果是php,那当时还是function的详细信息