phpstorm開發web項目,phpstorm運行html

本文目錄一覽：

• 1、phpstorm 安裝後要進行哪些配置
• 2、有哪些好用的前端開發軟件
• 3、windows系統軟件開發常用哪些工具
• 4、如何把phpStorm打造成自己的專屬IDE

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的詳細信息