改主題

去除WebStorm 默認打開上次最后啟動的文件

Preferences->System Settings ->將Reopen last project on startup前對勾去掉

折疊快捷鍵：

command +/command - **打開／折疊對應代碼塊**

shift command + / shift command - **打開／折疊所有的代碼**

control+command + / control+command - **放大／縮小webstrom窗口**

移動代碼行

shift + command + **上下箭頭將光標所在的行向下或向上移動**

代碼規范

option + command + L **對當前頁面代碼進行格式整理**

快速查找

command **＋ shift + F 全局查找或自己指定響應目錄**

command + F **在當前頁面查找**

command + O **查找類名command + shift + O **快速查找某個文件

插件

perferences —> Plugins

將代碼屏分成兩部分

右擊相應的**tab,**

選擇**split + vertically **豎直分成兩屏

選擇**split + horizontally **分成上下兩屏

安裝EsLint幫助我們檢查Javascript編程時的語法錯誤

安裝：Npm install gulp-eslint –save-dev

在你的項目目錄下，運行：eslint –init將會產生一個.eslintrc的文件，文件內容包含一些校驗規則

配置：在webstrom下Preferences搜eslint,導入相應配置文件

http://www.cnblogs.com/ruanyifeng/p/5283708.html

webstrom 對vue文件支持

把.vue文件在WebStrom的設置里面的FileType設置為HTML，WebStorm就自動支持了.vue文件的高亮

歡迎補充更多好用的小技巧。

秀的HTML5前端開發人員，懂得如何合理安排自己的時間，讓自己的學習和工作的效率都非常高，有的時候合理運用一些開發軟件，也能夠幫助自己節省出大量的時間和精力，那么HTML5前端開發人員常用的軟件有哪些呢？

1、Dreamweaver

一款網頁編輯軟件，功能非常強大，優點在于可視化編輯，還有錯誤提示。

Dreamweaver支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，對于初級人員，可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用于Web開發高級人員的創作。

2、Adobe Edge

Adobe Edge是一個用HTML5、CSS、Java開發動態互動內容的設計工具。

Adobe Edge一個重要功能是Web工具包界面，用于方便確保在不同瀏覽器中架構的一致性。通過Edge設計的內容可以兼容ios和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。

3、Notepad++

Notepad++是在微軟視窗環境之下的一個免費的代碼編輯器。它使用較少的CPU功率，降低電腦系統能源消耗，但輕巧且執行效率高。

擁有自動檢測文件類型，根據關鍵字顯示節點，節點可自由折疊/打開，顯示縮進引導線，代碼顯示得很有層次感，打開雙窗口，在分窗口中又可打開多個子窗口等強大功能。

4、Sencha Touch 2

Sencha Touch2是移動應用框架，也被看作是Sencha的HTML5平臺。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應用。

5、Sublime Text 3

Sublime Text 具有漂亮的用戶界面和代碼縮略圖，Python的插件，代碼段等強大功能。還可自定義鍵綁定，菜單和工具欄。

主要功能有：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等。

6、PhpStorm

Phpstorm免費版能全面的提升用戶php代碼編寫的效率，并且提供能代碼補全、快速導航、即時錯誤檢查等等功能，大量的節省php代碼編寫時間。

7、Sencha Architect

在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。

8、JetBrains WebStorm 4.0

擁有HTML編輯器的JavaScript集成開發環境，還為開發者們提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時可獲得對HTML5文件的支持。

以上就是幾種HTML5開發者們常用的工具，希望大家能夠提高自己HTML5開發學習和工作的效率。