Webstorm怎麼使用 Webstorm使用教程介紹
webstorm是一款前端javascript開發編輯的神器,專門為javascript開發做了很多優化,令前端工程師眼前一亮。那麼第一次接觸Webstorm的使用者會問Webstorm應該怎麼使用呢?今天就為大家介紹一下Webstorm的相關使用教程介紹,希望大家喜歡。
使用教程介紹:
任何一個編輯器都需要儲存(ctrl + s),這是所有win平臺上編輯類軟體的特點,但是webstorm編輯檔案右上角是沒有那個熟悉的 * 的。
好處:省去了ctrl + s之後,在結合Firefox的vim,基本不動滑鼠就可以看到結果頁面了。
壞處:沒有以前的 * 標識,萬一鍵盤誤操作也會被立即儲存。
任何一個編輯器只要檔案關閉了就沒有歷史記錄了,但是webstorm有。 vcs->Local History -> Show History(快捷鍵:ALT+~ -〉7)
好處:只要webstorm不關閉,你的檔案隨時可以返回到之前的操作(這也是為啥在 webstorm 裡ctrl+y是刪除一行的原因了)。
壞處:webstorm關閉重啟後這些歷史記錄就沒有了;還有一個壞處就是由此帶來的記憶體消耗也必然比較大。
任何一個編輯器,除了伺服器svn之外,沒有本地版本,但是webstorm提供一個本地檔案修改歷史記錄(快捷鍵:ALT+SHIFT+c,Mac中 ALT+Option+c)。也可以 Ctrl + E 彈出最近開啟的檔案。
好處:相當於本地svn。
壞處:記憶體消耗也必然比較大。
集成了zencoding,HTML5,ftp,即時編輯(chrome),自動完成,基於Mozilla的JavaScript偵錯程式,JSLint、Less支援、CoffeeScript支援、、單元測試、整合Git和svn版本控制等特性。
在編寫CSS中,會智慧的提示各種檔案以及圖片的路徑,就不用再去確認這個檔案是否存在了。
其他的特性就介紹了,想了解更多可以去webstrom官網繼續尋找。看完了這麼介紹以及那麼多給力的特性,是不是有種衝動馬上試一試這款傳說中的前端神器啊?嗯。
首先在官方下載頁下載webstrom後,點選安裝,然後一直下一步,最後會出現需要註冊碼介面,因為webstrom是商業的IDE,而天朝的屌絲前端當然沒那麼錢去買那麼昂貴的神器了,不用擔心,我們可以用WebStorm的金鑰來學習使用這款前端神器。嘿嘿~~~~
安裝成功後,肯定會有些不適,就像我一樣覺得這配色真的太戳了。還有一些設定也不是我也要的。那麼以下我就列出我習慣的設定。
webstorm設定技巧:
如何更改主題(字型&配色):
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),設定Name:NSimSun,Size:12
如何顯示行號:
File -> Settings->Editor,”Show line numbers”打上勾,就顯示行號了
如何程式碼自動換行:
File -> settings -> Editor “Use Soft Wraps in editor” 打上鉤,程式碼就自動換行了
如何點選游標,顯示在本行末尾:
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 -> 然後在列表裡選擇自己經常用到的javascript類庫,最後Download and Install就ok了.
在開發js時發現,需要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的賬戶,如果沒有git則不需要.
外掛安裝:
File ->plugins,然後就選擇給力的外掛們再安裝.(“css-X-fire”外掛,用於當使用firebug修改css屬性時,編輯器內的css程式碼也會發生變化。)
以後更新
webstorm使用心得
收藏夾功能:
當工程目錄很龐大時,有些子目錄很經常開啟,但層級又很深,這時候可以把目錄新增到收藏夾裡面,新增成功後,左側有個“Favorites”選單
麵包屑導航:
除了左側的工程頁面,可以選擇目錄之外,在頂部選單下有一個類似網站麵包屑導航一樣的目錄也可以實現相同功。點選每個目錄就會有下拉選單顯示其下的子目錄,很實用.
構造器介面:
註釋符合格式的話就會出現。如果是js檔案則是js類的函式和物件;css檔案的話則是這個css檔案的概括;html檔案的話則是節點的結構圖。話說這幾個就是為了方便檢視程式碼的結構性.
todo介面:
給程式碼加todo註釋就會出現這個介面
雙欄程式碼介面:
右擊程式碼選項卡上的檔案,然後右鍵 -> spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)
本地歷史功能:
找回程式碼的好辦法
-
i茅臺申購成功不付款會被平臺拉黑嗎?i茅臺申購成功不付款影響後期申購嗎?
茅臺作為當下最熱門的品牌之一,很多人在申購的時候都沒那麼容易中籤,當然也有人擔心中籤之後不付款的話會不會被平臺拉黑呢?以後的中籤率有沒有影響呢?下面就和小編一起來看看吧。i茅臺申購成功不付款會被平臺拉黑嗎?不會的,之前1935沒有付款,還怕幾個月都不能中獎結...
-
詩句“蓼茸蒿筍試春盤,人間有味是清歡”的“春盤”類似哪種食物?
支付寶莊園小課堂3月14日的問題是,詩句“蓼茸蒿筍試春盤,人間有味是清歡”的“春盤”類似哪種食物?正確回答就可以領取180g飼料餵養小雞哦。一起來看看吧。2024年螞蟻莊園3月14日莊園小課堂答案今天的問題是:詩句“蓼茸蒿筍試春盤,人間有味是清歡”的“春盤”類似哪...
-
拼多多700元最後一分技巧 拼多多700元要多少人助力才能提現
拼多多提現700的玩法大家有嘗試過嗎?身邊也有人成功了,也有人拉了好多都不行,特別是最後一分的時候很難,大家知道拼多多700元最後一分技巧嗎?下面一起來看看吧。拼多多700元最後一分技巧如果還差最後一分錢,大家可以嘗試去邀請新使用者來為自己助力。對於拼多多來說,多...
-
國色芳華小說哪裡可以看?是穿越小說嗎?國色芳華小說全文免費閱讀
近日由楊紫、李現主演的國色芳華開機啦,這也是二人的第二次搭檔,小編還是很期待的,不過距離電視劇的上映還有一段時間,大家知道在哪可以看免費的國色芳華小說嗎?下面就和小編一起來看看吧。國色芳華小說哪裡可以看?微信讀書,夸克,喜馬拉雅等軟體都是可以看的。這是一個...
相關文章
- Spring breeze and I are both passers-by, and you bring your autumn waters to embrace the Milky Way.
- QQ空間情感留言程式碼 The worst way to miss someone
- windows live toolbar功能簡介 整合服務 信手拈來 如何使用toolbar
- 努力成為最好的自己遇見最好的人How to become your best meet the best people
- Always like this, remembers are too few,
- Who doesn't become stronger as they get hurt?誰不是一邊受傷,一邊學會堅強
- ʸᵒᵘ ᵐᵘˢᵗ ʷᵒʳᵏ ʰᵃʳᵈ ᵗᵒ ᵐᵉᵉᵗ ᵇᵉᵗᵗᵉʳ ᵖᵉᵒᵖˡᵉ.
- winterboard教程 winterboard怎麼用?
- 英文勵志手機桌布 Tomorrow will be a better day
- Kine Master視訊編輯器怎麼用 Kine Master相關使用教程介紹