webstrom的基本使用
1.1 webstrom的介紹
WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。目前已經(jīng)被廣大中國JS開發(fā)者譽(yù)為"Web前端開發(fā)神器"莉掂、"最強(qiáng)大的HTML5編輯器"葛圃、"最智能的JavaScript IDE"等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能库正。 在此之前曲楚，首先下一個(gè)webstrom(這里我們用的是2017-03-26發(fā)布的版本)
1.2 webstrom的安裝
webstrom注冊碼 下載好之后，點(diǎn)擊安裝（注： 安裝這一部分就不介紹了褥符，沒有什么需要注意的地方）
1.3 webstrom的使用
1.3.1 webstrom常用的快捷鍵
- 自動(dòng)注釋和撤銷注釋(行注釋/塊注釋)：Ctrl+/ 或 Ctrl+Shift+/
- 查找文本 Ctrl+F
- 替換文本 Ctrl+R
- 復(fù)制行：Ctrl+D
- 方法參數(shù)提示 Ctrl+P
- 通過文件名快速查找工程內(nèi)的文件 ctrl+Shift+N
- 全局查找 shift+shift
- 通過一個(gè)字符快速查找位置 ctrl+Shift+alt+N
- 高亮錯(cuò)誤或警告快速定位 F2 或Shift+F2
- 快速打開光標(biāo)處的類或方法 Ctrl+B或Ctrl+鼠標(biāo)左鍵單擊
- 自動(dòng)補(bǔ)全功能 比如想敲一對h1標(biāo)簽龙誊，只需要敲h1,按 tab 鍵，變回自動(dòng)補(bǔ)全為:
<h1></h1>更多代碼補(bǔ)全的技巧可以參考 Emmet使用手冊 阮一峰的網(wǎng)絡(luò)日志 - 自動(dòng)整理代碼格式進(jìn)行對齊：Ctrl+Alt+L (不過小心被沖突了喷楣，比如qq鎖的快捷鍵就是Ctrl+Alt+L趟大，QQ開著的話會(huì)使快捷鍵沒有效果护昧。)
- 更多高效的快捷鍵請參考Intellij Idea/Webstorm/Phpstorm 的高效快捷鍵
1.3.2 webstrom的一些配置
修改主題和字體
ctrl+alt+s打開Settings界面，Editor > Colors&Fonts > Font粗截。
這里我用的主題是 MrZuraOneDark 字體是consolas
導(dǎo)入主題
將下載好的文件（一般是.icls文件類型）放入安裝目錄下。我的是C:\Users\15984.WebStorm2017.1\config\colors绽榛，然后重啟webstrom，在Settings界面修改主題的時(shí)候灭美，會(huì)發(fā)現(xiàn)多了我們從網(wǎng)上下的主題了
terminal(終端字體設(shè)置)
ctrl+alt+s打開Settings界面，Editor > Colors&Fonts > Console Font届腐。設(shè)置過后蜂奸，需要重啟webstrom
最終界面
然后我們可以打開我們的項(xiàng)目了，準(zhǔn)備開啟前端開發(fā)之路吧扩所！
