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