• <td id="ae6ms"><li id="ae6ms"></li></td>
  • <xmp id="ae6ms"><td id="ae6ms"></td><table id="ae6ms"></table>
  • <table id="ae6ms"></table>
  • <td id="ae6ms"></td>
    <td id="ae6ms"></td>
  • <table id="ae6ms"></table><table id="ae6ms"><td id="ae6ms"></td></table>
  • <td id="ae6ms"></td>
  • <table id="ae6ms"><li id="ae6ms"></li></table>
  • <table id="ae6ms"></table>
    西西軟件下載最安全的下載網站、值得信賴的軟件下載站!

    首頁編程開發其它知識 → 前端開發IDE、JS神器WebStorm 5詳細介紹

    前端開發IDE、JS神器WebStorm 5詳細介紹

    相關軟件相關文章發表評論 來源:西西整理時間:2013/1/3 9:42:23字體大?。?em class="fontsize">A-A+

    作者:西西點擊:0次評論:1次標簽: IDE

    • 類型:視頻轉換大?。?i>39.2M語言:多國語言[中文] 評分:3.2
    • 標簽:
    立即下載

    從最初的dreamweaver,到Notpad++,再到aptana,每一款IDE總讓我我感覺少了點什么東西。WebStorm卻讓我眼前一亮,雖然公司項目所用的開發環境是eclipse+aptana(主要是方便團隊協作和工程調試),但是其他時間我都會學習使用WebStorm。

    WebStorm有什么功能?

    下面我把WebStorm的功能大致羅列一下(這里只說Javascript編輯的功能,其他的html和css之類的大家自己發掘,記得WebStorm可是支持Zencoding的喲,帥~):

    1、智能的代碼補全:

    支持不同瀏覽器的提示,還包括所有用戶自定義的函數(項目中)

    代碼補全包含了所有流行的庫,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

    2、代碼格式化:

    代碼不僅可以格式化,而且所有規則都可以自己來定義:

    3、代碼編寫中的html提示:

    大家經常在js代碼中編寫html代碼,一般來說十分痛苦,不過有了智能提示,就爽多了。

    而且html里面還能有js提示

    4、代碼導航和用法查詢:

    只需要按著Ctrl鍵點擊函數或者變量等,就能直接跳轉到定義:

    可以全項目查找函數或者變量,還可以查找使用并高亮:

    5、代碼重構(這個操作有些像Resharper,熟悉Resharper的用戶應該上手很快):

    支持的有重命名、提取變量/函數、內聯變量/函數、移動/復制、安全刪除等等,比如:

    內聯變量重構之后變為:

    6、代碼檢查和快速修復:

    可以快速找到代碼中的錯誤或者需要優化的地方,并給出修改意見,快速修復。

    7、代碼調試:

    8、代碼結構瀏覽:

    可以快速瀏覽和定位

    9、代碼折疊:

    10、包裹或者去掉外圍代碼:

    去掉之后就成了:

    怎么樣,這些功能足夠多了吧,其中的調試和重構包含了很多,這個還需要你來自己挖掘。

      相關評論

      閱讀本文后您有什么感想? 已有人給出評價!

      • 8 喜歡喜歡
      • 3 頂
      • 1 難過難過
      • 5 囧
      • 3 圍觀圍觀
      • 2 無聊無聊

      熱門評論

      最新評論

      第 1 樓 江蘇鎮江電信 網友 客人 發表于: 2014/10/23 17:58:57
      多谢分享。

      支持( 0 ) 蓋樓(回復)

      發表評論 查看所有評論(1)

      昵稱:
      表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
      字數: 0/500 (您的評論需要經過審核才能顯示)
      推薦文章

      沒有數據

      女人让男人桶30分钟免费视频,女人张开腿让男人桶个爽,一进一出又大又粗爽视频
    • <td id="ae6ms"><li id="ae6ms"></li></td>
    • <xmp id="ae6ms"><td id="ae6ms"></td><table id="ae6ms"></table>
    • <table id="ae6ms"></table>
    • <td id="ae6ms"></td>
      <td id="ae6ms"></td>
    • <table id="ae6ms"></table><table id="ae6ms"><td id="ae6ms"></td></table>
    • <td id="ae6ms"></td>
    • <table id="ae6ms"><li id="ae6ms"></li></table>
    • <table id="ae6ms"></table>