【程序員基礎篇】webstorm使用

webstorm

文檔

webstorm 的配置分爲項目配置和全局配置，在打開一個項目的時候，會在項目根目錄生成.idea的隱藏文件夾，這個文件夾裏保存的就是項目配置，而全局配置保存在文檔目錄，全局配置均可以導出。

插件

• AceJump
• altn8
• eslint-plugin
• gitignore
• IdeaVim
• Key_promoter
• TabSwitch

主題

配色方案

solarized

配置

打開多個項目

WebStorm默認狀況下一次只能打開一個項目，這點很不爽，實際上是能夠設置的。（注：若是你一開始就建了項目再來配置，記得要把左邊顯示的根路徑移除，否則可能點擊Add Content Root配置後也不必定能生效）
方法：File -> Settings -> Directories -> Add Content Root 中添加你當前的工程目錄。

配置webserver選項（端口）

方便其餘ip設備訪問(如手機等測試效果）
方法：File -> Settings -> Build,Execution,Development -> Debugger ->port

設置文件的默認編碼

方法：File -> Settings -> Editor -> File Encodings -> IDE Encoding,Project Encoding.
(注：配置前和配置後均可以打開頁面，在頁面的右下角顯示有編碼)

文件模板配置

文件模板即新建文件的時候能夠初始化一個預先定義好的文件內容，好比常見的HTML、CSS、JS文件等。這些文件模板在IDE Settings》File and Code Templates 裏添加和修改，如圖：

項目文件夾標記配置

在開發的時候，經常資源等信息並非指向根目錄，在書寫資源路徑的時候提示是不正確的，這時候就須要配置文件夾功能了。打開Project Settings > Directories 裏打開，綠色的爲測試目錄，紅色的爲排除目錄，藍色的爲資源根目錄。

項目代碼檢查

打開Project Settings > JavaScript > Code Quality Tolls > JSHint 啓用，默認配置便可。而後在末尾添加全局變量，以經過代碼檢查

CSS預處理語言的預編譯、JS 實時壓縮

有了 webstorm，基本不須要 grunt、gulp 等前端開發輔助工具了，webstorm 內置的文件監聽，能夠完成經常使用的功能，如 CSS 預處理語言的預編譯、JS 的實時壓縮等。
打開Project Settings > FIle Watchers，而後點擊下邊的加號開始新建便可

項目腳本庫

項目在開發的時候，能夠配置項目已經用到的腳本庫，能夠方便的在編程的時候提示，加快開發速度和代碼質量檢測。內置的有HTML五、NodeJS 等，若是不存在的也能夠手動添加。在 Project Settings > JavaScript > Libraries 裏打開

快捷鍵

# 格式化
command+alt+l