作用 ide 不支持 pcs imap 語法 版本 包括 調試

什麽是編輯器?

在我接觸前端開發的這段時間,編輯器對我來說就是寫代碼的一個工具,簡稱--IDE.每一款編輯器的用法大致都一樣,如果你會使用其中一個,那麽其他的你都會了.(不要去看官方的解釋,呵呵...).

在我學習前端開發對的這段時間所接觸的編輯器中,個人認為webStorm和Sublime這兩款還不錯.

我們先說一下WebStorm

WebStorm=PhpStorm-PHP-Database-support

總體印象只專註Web前端開發

優點:

1:代碼導航:Shift+Shift快速查文件和代碼,Ctrl+B跳轉.

2:Shift+Ctrl+A快速調用編輯器提供的各種功能.

3:CodeGlance插件在代碼右側提供了minimap.

4:Ctrl+Q快速查看當前代碼的文檔,並且還可以查看外部的聯機文檔.

5:自帶git集成,文件在folder和tab上用不同的顏色標示不同的版本狀態,並且修改的代碼在左右側有顏色提示.不過Folder裏的目錄沒有版本狀態標示.

6:強大的插件管理功能.打開不支持的文件格式時,會提示下載相關插件.

7:CSS文件左側顯示所見即所得的顏色.

必要的插件:

ideaVim:提供Vim編輯模式.

CodeGlance:代碼右側的minimap.

Apache config(.htaccess) support:Apache配置文件格式支持.

缺陷:不支持PHP是硬傷.啟動速度慢.不支持Twig.

Sublime:

總體印象：啟動速度超快，不過安裝插件會難倒一大片人。

選用理由：
1：代碼導航：Ctrl+P調出Goto Anything快速查找文件和代碼。F12跳轉，遺憾的是跳轉後不能像Vim那樣返回。
2：Shift+Ctrl+P調出Command Palette快速調用功能。
3：編輯器右側有整個文件的mini-map，方便快速定位代碼位置，不過這個mini-map比Atom的minimap要差些。
4：SublimeLinter插件提供編輯時的語法檢查，無須保存文件後才能檢查。不過需要為每種語言都安裝語法檢查插件，為啥不能像Vim那樣只安裝一個插件就支持所有語言？
5：Vintageous插件提供了較為完整的Vim編輯模式，包括命令模式、插入模式、底線命令模式。支持增量高亮搜索(/,?,#,,g#,g)；支持替換命令(:s, :%s)。
6：GitGutter提供代碼修改狀態，不過功能遠不如Atom自帶的功能強大，例如minimap裏就看不到修改狀態，folder裏的文件也看不到代碼修改狀態。
7：Xdebug Client插件提供了PHP可視化調試功能。

必要的插件：
Vintageous：提供Vim編輯模式。
SublimeLinter, SublimeLinter-php, SublimeLinter-jshint, SublimeLinter-shellcheck：提供語法檢查，保證代碼不出現語法錯誤。
sublime-phpcs：PHP代碼審查，保證代碼符合規範。
PHP-Twig：Twig文件格式。
BracketHighlighter：括號和HTML標簽匹配高亮。
Highlighter：高亮不正常的字符，例如尾部空格等。
DocBlockr：快速寫註釋。
GitGutter：查看代碼修改狀態。
Git：git功能集成。
jQuery Snippets pack：jQuery函數模板。
Drupal：Drupal框架函數模板、自動補齊、info文件語法高亮等功能。
Xdebug Client：PHP可視化調試。

缺陷：

解決ibus等中文錄入的問題比較麻煩。
Javascript語法檢查不起作用。 以上就是這段時間我對這兩款編輯器的看法和總結,如有不對或遺漏的地方歡迎評論補充.

前端入門選擇編輯器