#Intellij-IDEA-F2E
IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.
常规文本编辑器之于IDE(集成开发环境), 好比 Markdown 之于 HTML
Markdown 杀鸡嗷嗷叫, 但做网站必须得 HTML
这件事情告诉我们, 高帅富配白富美, 屌丝配右手
最适合你的编辑器,就是世界上最好的编辑器
切莫活在别人的世界里
##编辑器选择 配置较差的同学推荐 PHPStrom , 因为前端开发的同学基本都会玩点 PHP, 所以不推荐 WebStorm
对于配置好,气质佳的同学,墙裂推荐 Intellij IDEA Ultimate, 功能全面,更新最快,性能最好,吃内存相对多
社区免费版阉割的略微有点过...自重
##因特里基友QQ群(人多,严禁跑题,违者T) 我在使用XX遇到了问题。
我已经尝试过XXX方法。
现在问题的具体表现、信息为XXXXXX。
这样的格式更有利于解决问题。
避免无意义的讨论,如果对大部分人都无价值的话题,建议私聊
149725975 (CSS/HTML/JavaScript/PHP Intellij IDE/PHPStorm/WebStorm)
##注册 在群共享里有了.
所有大版本序列号都是通用的
等你脚的 Intellij IDEA 帮你赚钱了,记得购买正版授权,或者传递真爱给身边的同学
##编辑器界面
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 英文相对清晰,你可以根据预览来微调
IDEA12 开始自带了 Source Code Pro, Adobe 家的开源等宽字体,也很舒服滴
##性能优化
- 使用最新版
- 关闭不认识的插件
- Project 下的文件不要太多,否则会有大量的 I/O
- 关掉版本控制(svn git 啥的)
- 升级硬件, SSD 神马的
##FAQ
- 如何自动换行? 答:全局
Settings>Editor > use soft wraps in editor
; 当前文档 在行号的位置右键选择 use soft wraps - 有木有 ST2 那种同时选中多个区域? 答:木有,我们一般用Refactor 重构(Shift + F6),列编辑(Alt + 拖动),批量替换(Ctrl + r) 来实现.
- 右边那条线是啥? Settings>Appearance>Show right margin ; 这玩意儿格式化的时候控制换行区域,不用的话可以禁用
- 关闭任意位置编辑(也称虚拟空格)? Settings>Editor>Allow placement of caret after end of line
- 界面中文乱码?Setting>Appearance>Override default fonts by ,下拉框中选“微软雅黑”,可能找不到微软雅黑,因为中文字体也乱码了,所以先选一个乱码名字的字体就可以找到了。
##教程
###基础设置
- Java Development Kit(JDK)下载及环境设置
- PHP 支持
- 配置 Project
- Appearance
- 实现 remote host 远程开发
- WebStorm:令人眼前一亮的一款前端开发IDE
- IDEA 配置同步
- IDEA 字体美化
###技巧
- 安装后的一些设置技巧
- 插件 QuickJump
- Local History
- Live Template
- Task
- File Path
- Surround / unwrap
- Refactor 重构
- LiveEdit Plugin
- WebStorm 使用外部工具
- Yabo(鸭脖) - CSS 压缩合并工具
- Intellij IDEA解决GBK乱码
#Bug
- 有同学反馈 BackgroundImage 插件会引起打开大JS的时候卡
- markdown 插件会导致部分版本的 PHPStorm 无法进入软件设置,可以通过删除文件夹来拆卸插件
此文档由 Intellij IDEA Markdown 插件编辑 && Github 插件提交,欢迎补充