webstorm入手筆記

2022-01-18 00:04:06 字數 1667 閱讀 7536

一、webstorm學習前小記

webstorm是一款現在前端用的比較多的ide,其優勢也比較多,這個大家在網上隨便搜搜就可以找到了。但是本人大部分的時間都是使用sublime text工作,最近由於工作上面比較常出現一些粗心大意的問題,所以我的leader就建議我去學習一下webstorm,畢竟webstorm怎麼說也是ide,跟文字編輯器有所不同的。

二、webstorm的破解與安裝

然後安裝完成之後選擇「license server",輸入:

三、webstorm的簡單配置

由於webstorm預設的樣式比較的醜陋,而且背景色預設的是白色,這對於程式設計師來說是不太適合的(由於程式設計師長時間的使用電腦,所以不適合長時間的看背景色為白色,這樣對眼睛有害)。這個時候我們需要把背景顏色修改為深灰色,我們可以在

file->settings->colors & fonts 中去設定**的主題,一般情況我們預設設定為monnokai這種,如圖所示,我們已經設定成功了

在使用的過程中發現webstorm除了是一款ide之外,還是有很多地方有亮點的,但是缺點也是有的,就拿作者比較熟悉的sublime text來說,sublime text支援專案的獨立環境,但是在webstrom中是沒有這個功能的,所以也就只能夠相當於開啟資料夾的形式去重新開啟專案

好了,主題和字型等等都已經配置完成了,之後如果沒有什麼修改的話,我們一般就按照預設的配置去編寫**就行了,如果是要對特定的某些語言進行特殊的修改的話。我們可以在file->settings->colors & fonts->對應的語言,中去修改

四、實用快捷鍵

ctrl+shift+a   這個主要是搜尋settings中的各項配置中是否包含輸入的字段,同時除了支援這個功能還能夠支援對一些框架的相關功能的狀態檢視,從而來開啟或者關閉某些功能。

ctrl+shift+alt+n 查詢方法名

ctrl+n 查詢類名(class)

ctrl+shift+n 查詢檔案名(file)

ctrl+alt+l 格式化**

shift+f6 全文替換變數

一般在實際的專案中依照我以前的事件經驗來說,對於程式設計比較熟悉來說,查詢檔案這一塊是十分總要的,但是像除錯之類的雖然說不上是雞肋,但是也是有一定的多餘,因為本身前端就是依託的是瀏覽器環境,瀏覽器環境可以通過chrome debug tool來進行除錯

五、模板定製

上面已經提到了webstorm相比於其他的非ide編輯器的同型別產品時,存在了很多優勢,其中包括模板定製,因為ide可以將一些新的檔案模板儲存成為一種檔案型別,以節省開發的時間,提交開發效率

我們可以使用快捷鍵ctrl+shift+a然後在對話方塊中輸入file template

儲存之後,下次新增檔案的時候選擇css demo就可以看到**塊在初始化的時候就已經寫好了

六、除錯功能

說到webstorm,除錯功能應該是大家最津津樂道的乙個特殊功能吧,但是其實在瀏覽器很是發達的今天,這種除錯個人認為也沒有多大的意義了,瀏覽器能夠解決的問題,為啥非要使用ide來解決呢,但是如果大家非要在webstorm中除錯,可以看看這篇文章:

七、福利包

WebStorm練習筆記

overflow是css 最主要的用法有兩種 style width 500px height 22px line heihgt 22px overflow hidden 這裡有一大長串文字div 作用是當寬度文字超出500px,高度超出22px的時候,超出的部分隱藏起來 overflow auto...

oracle隨手筆記

1.儲存過程中is和as沒區別檢視 用is 游標 用as 不能反過來,其他情況沒區別 2.trim是用來去除字串開頭和結尾的函式 用法 select trim leading trailing both 你要刪的東西 from 被刪的字串 test trim from dual both後面沒有引數...

C 隨手筆記

成員變數在使用初始化列表初始化時,與建構函式中初始化成員列表的順序無關,只與定義成員變數的順序有關。因為成員變數的初始化次序是根據變數在記憶體中次序有關,而記憶體中的排列順序早在編譯期就根據變數的定義次序決定了。這點在effectivec 中有詳細介紹。如果不使用初始化列表初始化,在建構函式內初始化...