Intellij IDEA / PHPStorm / WebStorm Front End Engineer Guide (中文)
Switch branches/tags
Nothing to show
Pull request Compare This branch is 118 commits behind Damao:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md

README.md

#Intellij-IDEA-F2E

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

常规文本编辑器之于IDE(集成开发环境), 好比 Markdown 之于 HTML

Markdown 杀鸡嗷嗷叫, 但做网站必须得 HTML

这件事情告诉我们, 高帅富配白富美, 屌丝配右手

最适合你的编辑器,就是世界上最好的编辑器

切莫活在别人的世界里

##初次接触 下面是屌丝问的最多的问题

###编辑器选择 配置较差的同学推荐 PHPStrom , 因为前端开发的同学基本都会玩点 PHP, 所以不推荐 WebStorm

对于配置好,气质佳的同学,墙裂推荐 Intellij IDEA Ultimate, 功能全面,更新最快,性能最好,吃内存相对多

社区免费版阉割的略微有点过...自重

###因特里基友QQ群(人多,严禁跑题,违者T)

  • 149725975 (CSS/HTML/JavaScript/PHP Intellij IDE/PHPStorm/WebStorm)
  • 179131966 (Java/Android, Intellij IDEA)

###序列号 11 注册机在群共享里有.

12 还没出来,建议先试用1个月,到时候八成就有了,群里肯定会有人喊的

所有大版本序列号都是通用的

等你脚的 Intellij IDEA 帮你赚钱了,记得购买正版授权,或者传递 Love 给身边的同学

###编辑器界面 Settings > Appearance > Look and Feel, 黑色的到 Intellij IDEA 12 才有,叫 Darcula

###配色 妹纸到手,第一步就是扒光

Intellij IDEA 的配色是 xml 或 jar 文件

xml:

  • for Mac OS, ~/Library/Preferences/IntelliJIDEA10CE/colors/
  • for Linux, ~/.IntelliJIDEA10CE/config/colors/
  • for Windows, C:\Documents and Settings\user.IntelliJIDEA10CE\config\colors

jar: File > Import Settings

比较常用的有 intellij-colors-solarized , Twilight

比较全面的有 Idea Color Schemes

###字体 Settings > Editor > Colors & Fonts > Font

因为没法 GUI 界面中英文分开设置,简单的方法就是安装 Yahei Consolas hybrid 字体(群共享有)

字号我这里 17px 英文相对清晰,你可以根据预览来微调

建议 Settings > Editor > Colors & Fonts > HTML 点击预览窗口里的粗体去掉 Bold ,否则满屏粗体很压抑

###性能优化

  • 使用最新版
  • 关闭不认识的插件
  • Project 下的文件不要太多,否则会有大量的 I/O
  • 关掉版本控制(svn git 啥的)
  • 升级硬件, SSD 神马的

###FAQ

  • 如何自动换行? 答:全局 settings>editor>use soft wraps in editor ; 当前文档 在行号的位置右键选择 use soft wraps
  • 有木有 ST2 那种同时选中多个区域? 答:木有,我们一般用重构(Shift + F6),列编辑(Alt + 拖动),批量替换(Ctrl + r) 来实现

###教程


此文档由 Intellij IDEA Markdown 插件编辑 && Github 插件提交,欢迎补充