整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
改主題
去除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文件的高亮
歡迎補充更多好用的小技巧。
缺少@types/node模塊所致。該模塊用于提供Node.js類型定義的模塊，使開發者在編寫Node.js代碼時獲得更好的代碼補全和類型檢查支持。
開啟Node.js編碼協助
如果報錯無法下載 @types/node No @types/node versions available，可用方案2或3。
全局安裝 @types/node 包：
npm install @types/node -g在 Windows 系統中，全局安裝的 node_modules 目錄路徑通常位于 C:\Users\{用戶名}\AppData\Roaming\npm\node_modules。
在Webstorm點擊設置，選擇語言和框架->JavaScript->庫，指定文件夾為C:\Users\Administrator\AppData\Roaming\npm\node_modules\@types。
在項目中局部安裝@types/node模塊：
npm install @types/node --save-dev秀的HTML5前端開發人員，懂得如何合理安排自己的時間，讓自己的學習和工作的效率都非常高，有的時候合理運用一些開發軟件，也能夠幫助自己節省出大量的時間和精力，那么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開發學習和工作的效率。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
