安裝和配置—Webstorm入門指南

WebStrom檔案

• 用途：功能強大的前端專用IDE，擁有即時編輯（chrome）、自動完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、單元測試、集成git和svn版本控制等特性，推薦前端工程師使用。
• 版本：5.0
• 英文文檔
• 插件庫

Idea、 PhpStorm、Webstorm三者是一脈相承的IDE，界面和操做基本相同，Webstorm速度最快，Idea功能最強大。明河主要講解Webstorm，能夠套用到PhpStorm和Idea上。

Webstorm目前無中文版，不少同窗剛上手時摸不着頭腦，這也是明河寫這個系列教程的緣由，若是你願意看完這個系列教程，就會體驗到Webstorm的省心和強大。

Webstorm的安裝

WebStrom下載

明河的配置、字體、配色、插件資源（還會更新）

先下載Webstorm，而後從明河的分享連接中找到註冊機下載到本地。

安裝過程很簡單，一直下一步便可，運行Webstorm後，會出現須要註冊的頁面，打開註冊機程序：

將註冊機的信息複製進去便可。

Webstorm的默認字體和配色至關糟糕（這點不如sublime_text），你能夠直接手動改進Webstorm的配置（很有成就感哦O(∩_∩)O），固然也能夠直接導入明河的配置（從分享連接中找到明河的配置包，下載到本地），以下圖：

（固然，你也能夠點擊「Export settings」導出你本身的配置。）

手動配置Webstorm

配置項極其豐富，建議善用搜索，好比配置字體大小：

git配置

導入後可能會出現一個「git配置失敗」的提示，若是你沒有用git能夠無視，有用git，能夠點擊「fix it」：

找到你本機的git目錄：

有使用github，還須要配置下github的帳號和密碼：

進入Webstorm的配置界面，搜索github

推薦使用字體

推薦使用DroidFamily或SourceCodePro_FontsOnly字體，這二款字體都很美觀，代碼看上去很舒服，在明河的分享連接上有個「字體」文件夾裏面有，自行下載安裝，安裝完後重啓Webstorm，進入「settings」，找到font配置。

下一篇將講解Webstorm的初步使用和主要界面模塊。