{"id":13512203,"url":"https://github.com/Damao/Intellij-IDEA-F2E","last_synced_at":"2025-03-30T22:32:07.680Z","repository":{"id":5010255,"uuid":"6168672","full_name":"Damao/Intellij-IDEA-F2E","owner":"Damao","description":"Intellij IDEA / PHPStorm / WebStorm Front End Engineer Guide (中文)","archived":false,"fork":false,"pushed_at":"2020-07-20T03:23:10.000Z","size":11436,"stargazers_count":1369,"open_issues_count":2,"forks_count":259,"subscribers_count":155,"default_branch":"master","last_synced_at":"2025-03-24T17:52:59.535Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"yagop/telegram-bot","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Damao.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-10-11T04:36:10.000Z","updated_at":"2025-02-24T21:15:54.000Z","dependencies_parsed_at":"2022-09-07T14:51:10.851Z","dependency_job_id":null,"html_url":"https://github.com/Damao/Intellij-IDEA-F2E","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Damao%2FIntellij-IDEA-F2E","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Damao%2FIntellij-IDEA-F2E/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Damao%2FIntellij-IDEA-F2E/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Damao%2FIntellij-IDEA-F2E/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Damao","download_url":"https://codeload.github.com/Damao/Intellij-IDEA-F2E/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246390896,"owners_count":20769475,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T03:01:35.391Z","updated_at":"2025-03-30T22:32:05.217Z","avatar_url":"https://github.com/Damao.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"# IntelliJ-IDEA-F2E\n  \n**[IntelliJ IDEA](http://www.jetbrains.com/idea), [PHPStorm](http://www.jetbrains.com/phpstorm), [WebStorm](http://www.jetbrains.com/webstorm) 前端开发指南.**  \n  \n常规文本编辑器之于IDE(集成开发环境), 好比 Markdown 之于 HTML  \nMarkdown 杀鸡嗷嗷叫, 但做网站必须得 HTML  \n这件事情告诉我们, 高帅富配白富美, 屌丝配右手  \n最适合你的编辑器,就是世界上最好的编辑器  \n切莫活在别人的世界里  \n  \n## 编辑器选择  \nWebStorm 针对前端开发集成了一些比较常用的例如node.js LESS之类,性能好速度快  \nPHPStorm 针对PHP也做了一些优化,并且包含了 WebStorm  \nIntelliJ IDEA 则通过插件形式集成上面两者的功能,并且是主力 JAVA IDE, 功能强,速度慢,吃内存多  \n我目前是同时装了 WebStorm 和 IntelliJ IDEA,反正配置通用,按需取用。  \n  \n## 因特里基友QQ群(人多,严禁跑题,违者T)  \n  \n我在使用XX遇到了问题。  \n我已经尝试过XXX方法。  \n现在问题的具体表现、信息为XXXXXX。  \n这样的格式更有利于解决问题。  \n  \n附赠:[提问的智慧](http://www.beiww.com/doc/oss/smart-questions.html)  \n  \n避免无意义的讨论,例如`打招呼`,例如`美化`比较主观,没有固定答案的问题都不能讨论  \n如果对大部分人都无价值的话题,建议`私聊`  \n`发无关话题`直接踢不提示不警告  \n`接话无关话题`直接踢不提示不警告  \n`纯表情`直接踢不提示不警告  \n如被踢,`不再接受`重新加群  \n\n\n群号：149725975 (前端 CSS/HTML/JavaScript/PHP) 已经停止加人\n群号：244908708 (后端 JAVA/TomCat/JSP/Android) 每周五开放加群  \n  \n入前端群问题答案 **保证仅讨论前端编辑器**  \n入后端群问题答案 **intellij idea**  \n  \n  \n## 注册  \n所有大版本序列号都是通用的  \n等你脚的 IntelliJ IDEA 帮你赚钱了,记得购买正版授权,或者传递真爱给身边的同学  \n  \n## 促销\n[开源中国正版全系列折扣](http://www.oschina.net/shop/jetbrains)\n或联系大猫更低折扣\n  \n## 编辑器界面  \n`Settings \u003e Appearance \u003e Look and Feel`,  \n黑色的到 IntelliJ IDEA 12 才有,叫 Darcula  \n  \n## 配色  \n妹纸到手,第一步就是扒光  \nIntelliJ IDEA 的配色是 icls 或 jar 文件\n可能还有些xml的丢到目录里会自动转换为 icls 文件\n  \nicls:\n  \n* for Mac OS, ~/Library/Preferences/IntelliJIdea13/colors/\n* for Linux, ~/.IntelliJIdea13/config/colors/\n* for Windows, C:\\Documents and Settings\\user\\.IntelliJIdea13\\config\\colors\n  \njar: `File \u003e Import Settings`  \n  \n比较时尚的有 [Material Theme UI](https://github.com/ChrisRM/material-theme-jetbrains#installation)\n\n比较常用的有 [intellij-colors-solarized](https://github.com/jkaving/intellij-colors-solarized) , [Twilight](https://github.com/eed3si9n/color-themes/tree/master/IntelliJ-IDEA/Twilight) , [Obsidian](https://github.com/mekwall/obsidian-color-scheme 'A dark color scheme for code editors and highlighters'), [Tomorrow](https://github.com/chriskempson/tomorrow-theme/tree/master/Jetbrains)\n\n比较全面的有 [Idea Color Schemes](http://ideacolorschemes.com/) [PHPStorm Themes](http://www.phpstorm-themes.com/)  \n  \nSublime Text2 转过来的同学还有 [Obsidian Color Scheme](https://github.com/mekwall/obsidian-color-scheme)  \n  \n[Sublime Text2 的配色转成 idea](https://github.com/JetBrains/colorSchemeTool) (感谢 ash)  \n  \n### 编辑器字体  \n`Settings \u003e Editor \u003e Colors \u0026 Fonts \u003e Font`  \n字号我这里 17px 英文相对清晰,你可以根据预览来微调  \nIDEA12 开始自带了 Source Code Pro, Adobe 家的开源等宽字体,也很舒服滴  \n[IntelliJ IDEA 中文乱码,字体优化解决之道](http://bigc.at/intellij-idea-font-famliy.orz) 按照教程设置英文和中文2个字体，就可以分别爽了  \n  \n## 性能优化\n* 如果有杀毒软件,请排除掉项目路径\n* 使用最新版  \n* 关闭不认识的插件  \n* Project 下的文件不要太多,否则会有大量的 I/O  \n* Excluded 掉无需索引的目录  \n* 关掉版本控制(svn git 啥的)  \n* 升级硬件, SSD 神马的  \n  \n  \n## FAQ  \n  \n* Windows 7 sometimes breaks FTP connections on Java 7 if firewall is enabled.Command netsh advfirewall set global StatefulFTP disable usually fixes [the problem](http://youtrack.jetbrains.com/issue/WI-17206).  \n* 官方[《IDEA 30天速成》](http://blogs.jetbrains.com/idea/tag/30-days-guide/)  \n* 常用快捷键? 'Help \u003e Default Keymap reference'  \n* 如何自动换行? 答:全局 `Settings \u003e Editor \u003e use soft wraps in editor` ; 当前文档 在行号的位置右键选择 use soft wraps  \n* 有木有 ST2 那种同时选中多个区域? 答:必须有,\u003chttp://www.jetbrains.com/idea/whatsnew/img/13/ij131_multiple_selections.gif\u003e.  \n* 右边那条线是啥? Settings\u003eAppearance\u003eShow right margin ; 这玩意儿格式化的时候控制换行区域,不用的话可以禁用  \n* 关闭任意位置编辑（也称虚拟空格）？ Settings\u003eEditor\u003eAllow placement of caret after end of line  \n* 界面中文乱码？Setting\u003eAppearance\u003eOverride default fonts by ，下拉框中选“微软雅黑”，可能找不到微软雅黑，因为中文字体也乱码了，所以先选一个乱码名字的字体就可以找到了。  \n* 显示多列/行文件? tag 上右键选择 Split vertically / Split horizontally  \n* 全屏模式? 'View\u003eEnter full screen'  \n* 注释在行首而不是紧接着代码? Code Style \u003e Java \u003e Comment Code \u003e Line comment at first column  \n* Project侧边里不显示文件夹？ [因为没有 Module ](http://stackoverflow.com/questions/1147336/how-to-get-intellij-idea-to-display-directories)  \n* 群相册IntelliJ IDEA技巧图片打包下载 [百度云](http://pan.baidu.com/s/1nt9GmdN)  \n  \n\n## 教程  \n  \n### 基础设置  \n* [常用快捷键](http://note.youdao.com/share/?id=973d61880d78c34797a978afc5bc8846\u0026type=note)  \n* [Java Development Kit(JDK)下载及环境设置](http://willerce.com/post/jdk)  \n* [PHP 支持](http://bigc.at/intellij-idea-php.orz)  \n* [配置 Project](http://bigc.at/intellij-idea-project.orz)  \n* [Appearance](http://bigc.at/intellij-idea-appearance.orz)  \n* [IntelliJ IDEA 中文乱码,字体优化解决之道](http://bigc.at/intellij-idea-font-famliy.orz)  \n* [实现 remote host 远程开发](http://www.cssha.com/webstorm-phpstorm-remote-host)  \n* [WebStorm：令人眼前一亮的一款前端开发IDE](http://www.cssha.com/webstorm)  \n* [IDEA 配置同步](http://willerce.com/post/intellij-idea-config-sync)  \n* [IDEA 字体美化](http://willerce.com/post/intellij-ide-fontconfig)  \n* [LESS 自动编译](http://www.screenr.com/yn47) *(WebStorm 6)*  \n* [LESS -\u003e CSS编译支持](https://github.com/damao/Intellij-IDEA-F2E/wiki/Compile-Less-to-CSS-with--IntelliJ-IDEA) *(IDEA 12)*  \n* [Intellij IDEA 视频专讲](http://www.youmeek.com/category/software-system/my-intellij-idea/)\n* [如何在 IntelliJ IDEA 里配置 PhoneGap 3.3](http://bigc.at/phonegap-with-intellij-idea.orz)  \n  \n### 技巧  \n  \n* [安装后的一些设置技巧](http://www.cnblogs.com/sky100/archive/2009/01/22/1379949.html)  \n* [插件 QuickJump](http://bigc.at/intellij-idea-quickjump.orz)  \n* [Local History](http://bigc.at/intellij-idea-local-history.orz)  \n* [Live Template](http://bigc.at/intellij-idea-live-template.orz)  \n* [Task](http://bigc.at/intellij-idea-task.orz)  \n* [File Path](http://bigc.at/intellij-idea-file-path.orz)  \n* [Surround / unwrap](http://bigc.at/intellij-idea-surround-unwrap.orz)  \n* [Refactor 重构](http://bigc.at/intellij-idea-refactor.orz)  \n* [LiveEdit Plugin](http://bigc.at/intellij-idea-liveedit-plugin.orz)  \n* [WebStorm 使用外部工具](http://willerce.com/post/intellij-external-tools)  \n* [Yabo(鸭脖) - CSS 压缩合并工具](http://bigc.at/yabo.orz)  \n* [IntelliJ IDEA解决GBK乱码](http://nornor.net/Intellij-IDEA-gbk-fix.htm)  \n* [对比文件/文件夹](http://blog.jetbrains.com/webide/2013/02/comparing-files-and-folders-within-your-ide/)  \n* [Emmet/ZenCoding 快捷键](http://docs.emmet.io/cheat-sheet/)  \n* [WebStorm：令人眼前一亮的一款前端开发IDE](http://www.cssha.com/webstorm)  \n* [缩进, Tab 还是空格?](http://bigc.at/tabs-vs-spaces.orz)  \n  \n# Bug  \n  \n* SVN 1.8 的支持要到13版本才行 [IDEA-94942](http://youtrack.jetbrains.com/issue/IDEA-94942)  \n* 如果通过FTP方式同步会导致中文文件名乱码,推荐用SFTP  \n* 英文字体会导致中文显示成口口口,[IntelliJ IDEA 中文乱码,字体优化解决之道](http://bigc.at/intellij-idea-font-famliy.orz)  \n* win8 拼音输入法吞字,请使用[QQ拼音4.5](http://pan.baidu.com/s/1vL2sn)提取密码：a4k3，要么用QQ拼音4.6的设置里高级关掉英文词语联想,或者安装第三方JDK如[Oracle JRockit](http://www.oracle.com/technology/products/jrockit)  \n* 拖动滚动条浏览代码，松开鼠标，会自动滚回光标的位置，在哪里设置？有道词典的屏幕取词和划词翻译的勾选去掉(感谢阿安)  \n* idea12 server log中文乱码的问题，解决办法是修改idea/bin目录下的idea.exe.vmoptions文件，增加配置-Dfile.encoding=UTF-8 (感谢匆匆过客)；如果这样还不能解决，请参考 [idea12 server log中文乱码解决方法](http://www.kafeitu.me/tools/2013/03/26/intellij-deal-chinese-disorderly-code.html)  \n* [IDEA下tomcat启动报错解决](https://github.com/Damao/Intellij-IDEA-F2E/wiki/IDEA-%E4%B8%8B%E5%90%AF%E5%8A%A8tomcat%E6%8A%A5%E9%94%99)  \n  \n---  \n  \n*此文档由 IntelliJ IDEA [Markdown 插件](https://github.com/nicoulaj/idea-markdown)编辑 \u0026\u0026 Github 插件提交,欢迎补充*())  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDamao%2FIntellij-IDEA-F2E","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDamao%2FIntellij-IDEA-F2E","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDamao%2FIntellij-IDEA-F2E/lists"}