webstorm是一款前端javascript開發(fā)編輯的神器，專門為javascript開發(fā)做了很多優(yōu)化，令前端工程師眼前一亮。那么第一次接觸Webstorm的用戶會問Webstorm應(yīng)該怎么使用呢？今天就為大家介紹一下Webstorm的相關(guān)使用教程介紹，希望大家喜歡。
任何一個編輯器都需要保存(ctrl + s)，這是所有win平臺上編輯類軟件的特點，但是webstorm編輯文件右上角是沒有那個熟悉的 * 的。
好處：省去了ctrl + s之后，在結(jié)合Firefox的vim，基本不動鼠標(biāo)就可以看到結(jié)果頁面了。
壞處：沒有以前的 * 標(biāo)識，萬一鍵盤誤操作也會被立即存儲。
任何一個編輯器只要文件關(guān)閉了就沒有歷史記錄了，但是webstorm有。 vcs->Local History -> Show History（快捷鍵：ALT+~ -〉7）
好處：只要webstorm不關(guān)閉，你的文件隨時可以返回到之前的操作（這也是為啥在 webstorm 里ctrl+y是刪除一行的原因了）。
壞處：webstorm關(guān)閉重啟后這些歷史記錄就沒有了；還有一個壞處就是由此帶來的內(nèi)存消耗也必然比較大。
任何一個編輯器，除了服務(wù)器svn之外，沒有本地版本，但是webstorm提供一個本地文件修改歷史記錄（快捷鍵：ALT+SHIFT+c，Mac中 ALT＋Option＋c）。也可以 Ctrl + E 彈出最近打開的文件。
好處：相當(dāng)于本地svn。
壞處：內(nèi)存消耗也必然比較大。
集成了zencoding，HTML5，ftp，即時編輯（chrome）,自動完成,基于Mozilla的JavaScript調(diào)試器，JSLint、Less支持、CoffeeScript支持、Node.js、單元測試、集成Git和svn版本控制等特性。
在編寫CSS中，會智能的提示各種文件以及圖片的路徑，就不用再去確認(rèn)這個文件是否存在了。
其他的特性就介紹了，想了解更多可以去webstrom官網(wǎng)繼續(xù)尋找�？赐炅诉@么介紹以及那么多給力的特性，是不是有種沖動馬上試一試這款傳說中的前端神器�。苦�。
首先在官方下載頁下載webstrom后，點擊安裝，然后一直下一步，最后會出現(xiàn)需要注冊碼界面，因為webstrom是商業(yè)的IDE，而天朝的屌絲前端當(dāng)然沒那么錢去買那么昂貴的神器了，不用擔(dān)心，我們可以用WebStorm的密鑰來學(xué)習(xí)使用這款前端神器。嘿嘿~~~~
安裝成功后，肯定會有些不適，就像我一樣覺得這配色真的太戳了。還有一些設(shè)置也不是我也要的。那么以下我就列出我習(xí)慣的設(shè)置。
如何更改主題（字體&配色）:
File -> settings -> Editor -> colors&fonts -> scheme name.主題下載地址
如何讓webstorm啟動的時候不打開工程文件：
File -> Settings->General去掉Reopen last project on startup.
如何完美顯示中文：
File -> Settings->Appearance中勾選Override default fonts by (not recommended)，設(shè)置Name:NSimSun，Size:12
如何顯示行號：
File -> Settings->Editor，”Show line numbers”打上勾，就顯示行號了
如何代碼自動換行：
File -> settings -> Editor “Use Soft Wraps in editor” 打上鉤，代碼就自動換行了
如何點擊光標(biāo)，顯示在本行末尾：
File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。
如何修改快鍵鍵：
File -> Settings->Keymap，然后雙擊要修改快捷的功能會有提示框出來，按提示操作
換成自己熟悉編輯器的快鍵鍵：
File ->Settings->Keymap，支持像Visual Studio、Eclipse、NetBeans這樣的主流IDE。
javascript類庫提示。
File -> settings -> Javascript -> Libraries -> 然后在列表里選擇自己經(jīng)常用到的javascript類庫，最后Download and Install就ok了.
在開發(fā)js時發(fā)現(xiàn)，需要ctrl + return 才能選候選項：
File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改為 “Always”
js提示比較遲緩
File -> Code Completion -> Autopopup in 下 1000改為0
Git配置：
File -> settings -> Editor -> github，進去改github的賬戶，如果沒有g(shù)it則不需要.
插件安裝：
File ->plugins，然后就選擇給力的插件們再安裝.(“css-X-fire”插件,用于當(dāng)使用firebug修改css屬性時，編輯器內(nèi)的css代碼也會發(fā)生變化。）
以后更新
收藏夾功能:
當(dāng)工程目錄很龐大時，有些子目錄很經(jīng)常打開，但層級又很深，這時候可以把目錄添加到收藏夾里面，添加成功后，左側(cè)有個“Favorites”菜單
面包屑導(dǎo)航：
除了左側(cè)的工程頁面，可以選擇目錄之外，在頂部菜單下有一個類似網(wǎng)站面包屑導(dǎo)航一樣的目錄也可以實現(xiàn)相同功。點擊每個目錄就會有下拉菜單顯示其下的子目錄，很實用.
構(gòu)造器界面:
注釋符合格式的話就會出現(xiàn)。如果是js文件則是js類的函數(shù)和對象；css文件的話則是這個css文件的概括；html文件的話則是節(jié)點的結(jié)構(gòu)圖。話說這幾個就是為了方便查看代碼的結(jié)構(gòu)性.
todo界面：
給代碼加todo注釋就會出現(xiàn)這個界面
雙欄代碼界面：
右擊代碼選項卡上的文件，然后右鍵 -> spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)
本地歷史功能:
找回代碼的好辦法
eclipse沒有maven選項怎么辦 eclipse沒有maven選項解決
關(guān)于騰牛 | 聯(lián)系方式 | 發(fā)展歷程 | 版權(quán)聲明 | 下載幫助(？) | 廣告聯(lián)系 | 網(wǎng)站地圖 | 友情鏈接
Copyright 2005-2018 QQTN.com 【騰牛網(wǎng)】 版權(quán)所有 鄂ICP備17010784號-1 | 
鄂公網(wǎng)安備 42011102000245號
聲明： 本站非騰訊QQ官方網(wǎng)站 所有軟件和文章來自互聯(lián)網(wǎng) 如有異議 請與本站聯(lián)系 本站為非贏利性網(wǎng)站 不接受任何贊助和廣告
