歡迎來到WebStorm幫助!
WebStorm 是一個輕量級,但功能強大的集成開發環境(IDE)。完全具備復雜的客戶端開發和使用Node.js進行服務器端開發。
WebStorm擁有先進的支持 JavaScript的,HTML,CSS,以及他們的現代繼承者,以及為框架,如AngularJS或React,調試和集成與VCS和各種Web開發工具:
* JJavaScript, Node.js, ECMAScript 6, TypeScript, CoffeeScript,代碼只能提示, HTML, CSS, Less, Sass and Stylus,包括語法高亮,文本查找和重構。
* 代碼即時分析,錯誤醒目顯示和快速修復。
* 項目中強大的導航和重構。
* 現代框架的支持:AngularJS, React, Meteor, Express等。
* 內置客戶端代碼調試器Node.js的
* 集成構建工具(Grunt,Gulp),代碼質量工具(JSHint, JSLint, ESLint, JSCS)),運行測試(Karma,Mocha)和VCS(Git,GitHub,SVN)。
* VCS集成:Subversion的,Perforce的,Git的外裝即用的支持,并與變更表和合并CVS。
*
JetBrains的WebStorm是跨平臺的。它可以在Windows,Mac OS X和Linux上運行,帶來的一系列精確的開發工具,都綁在一起創造了方便的開發環境。
* 如果你對WebStorm完全不熟悉,請閱讀 快速入門指南。
* 開始使用WebStorm之前,先看看要點,因為它們對高效使用WebStorm用幫助。
* 如果您想了解WebStorm用戶界面,然后坐 導游。零件工具的Windows和WebStorm編輯告訴你,你需要知道讓這些UI元素的抓地力的一切。
* 如果你點擊 **help**一個對話框按 ??鈕,你會看到參考頁,讓控件和每個對話的領域描述。
* 除了該對話框的描述中,部分 參考也使其他重要信息,如圖標參考, 的菜單項的索引, 版本控制的參考等。
* 對于新手的教程中的一部分 第一步。他們幫助執行與WebStorm中最重要的基本任務-創建和運行的應用程序。
* 對于那些誰想要更多地了解WebStorm,部分 一般準則提供了關于創建項目,配置它們的結構,輸出等方面的信息
* 更先進的用戶會發現它有用閱讀部分的各個部分 語言和框架-具體指南。
* 最后,部分 獲得幫助講述使用幫助主題在網絡和內置的變體,適用于支持服務,報告問題并分享您的反饋意見。
*
請參考
外部鏈接:
* [下載WebStorm](https://www.jetbrains.com/webstorm/download/)
* [WebStorm微博](https://twitter.com/webstormide)
* [WebStorm博客](http://blog.jetbrains.com/webstorm/)
* [什么WebStorm 2016.1的新功能](https://www.jetbrains.com/webstorm/whatsnew/)
* [WebStorm支持](http://https://intellij-support.jetbrains.com/home)
- 譯者言
- 初識WebStorm
- 系統要求及安裝
- 首次啟動導入設置
- 快速入門指南
- 快捷鍵
- 第一步
- 創建和運行你的第一個項目
- 如何使用
- 一般準則
- 用戶界面指導
- 歡迎界面
- 菜單欄和工具欄
- 導航欄
- 狀態欄
- webstorm視圖模式
- WebStorm編輯器
- 添加收藏夾
- 關閉文件
- 'Lens'模式
- 多行編輯
- 草稿
- 在編輯器中打開和重新打開文件
- 保存和恢復變動
- 查看當前插入符位置
- 在編輯器中縮放
- 管理編輯器選項卡
- 配置編輯器選項卡
- 選項卡切換
- 標簽固定及取消
- 拆分編輯器窗口
- 拆分編輯欄選項卡
- 用選項卡組編輯多個文件
- 更改編輯器選項卡的放置
- 編輯器選項卡排序
- 基本編輯步驟
- 添加、刪除、移動代碼
- 剪切、復制和粘貼
- 添加/取消代碼塊注釋
- 編輯選擇的文本
- 撤銷和恢復變動
- 使用拖拽功能
- 高級編輯方法
- 代碼折疊
- 代碼高亮顯示
- 側邊欄高亮
- 代碼格式化
- 代碼縮進
- 切換
- 拼寫檢查
- 使用宏
- 宏與快捷鍵的結合
- 編輯宏
- 播放宏
- 記錄宏
- TODO
- 典型TODO模式
- 創建待辦事項
- 查看待辦事項
- 教程:TODO實例
- 教程:在TODO中使用模板
- webstorm工具窗口
- 使用工具窗口
- 制定窗口外觀
- 工具窗口快速搜索
- 視圖模式
- 管理你的項目收藏夾
- 項目配置和IDE設置
- 進入默認設置
- 進入設置
- 設置代碼樣式
- 設置顏色和字體
- 設置文件編碼類型
- 快捷鍵設置
- 設置行分隔符
- 設置菜單和工具欄
- 快速設置列表
- 設置文件顏色
- 設置第三方工具
- 復制代碼樣式
- 創建和注冊文件類型
- 導入和導出配置
- 分享你的IDE配置
- 切換方案
- 配置項目結構
- 設置根目錄
- 設置根目錄下的文件
- 從項目中排除文件
- 創建和管理項目
- 從0開始創建項目
- 從本地代碼中創建
- 從框架模板中創建項目
- 用Yeoman創建
- 打開、重新打開、關閉項目
- 打開多個項目
- 清理系統緩存
- 重命名項目
- 文件和代碼模板
- 文件模板變量
- #parse指令
- 創建、編輯文件模板
- 項目移動
- 創建目錄
- 從模板中創建文件
- 創建空文件
- 動態模板
- 操作簡單動態模板
- 動態模板縮寫
- 模板變量
- 動態模板組
- 創建和編輯live模板
- 創建和編輯模板變量
- 分析live模板
- 生成代碼
- 通過動態模板創建代碼構造
- 使用模板創建代碼構造包圍
- 展開和折疊聲明
- 標簽包裹:應用模板案例
- 和語言結構
- 使用模板后綴
- 自動完成代碼
- 基本代碼完成
- 類名稱代碼完成
- 智能型代碼完成
- 完成標點符號
- 完成報表
- 完成路徑
- 完成標簽名
- 單詞擴展
- 使用建議列表
- 創建和優化輸入
- 創建輸入
- 優化輸入
- 通過源代碼搜索
- 在文件中查找和替換
- 在項目中查找和替換
- 代碼檢查
- 訪問檢查設置
- 分析檢查結果
- 設置檢查
- 改變當前文件高亮
- 自定義配置
- 改變順序的范圍
- 禁用和啟用檢查
- 禁止檢查
- 運行檢查
- 通過名字運行檢查
- 脫機檢查
- 自動恢復
- 分析問題
- 檢查輸出結果
- 應用分析
- 建立層級
- 查看層級
- 查看源文件結構
- 意向行動
- 查看web頁內容
- 瀏覽器配置
- web內容預覽
- 查看html源代碼
- 查看參考信息
- 查看定義
- 查看注釋文檔
- 查看外部文檔
- 查看方法參數信息
- 瀏覽源代碼
- 運行與調試配置
- 運行
- 調試
- 測試
- 代碼覆蓋率
- web服務器:復制文件
- 重構源代碼
- 使用本地歷史
- webstorm與版本控制
- 插件管理
- 插件
- 啟用和禁用插件
- 安裝、更新、卸載插件
- 從磁盤安裝插件
- 企業插件庫
- 添加插件到企業資源庫
- 使用命令行工具
- 文件及文件夾比較
- 文件比較
- 文件夾比較
- 在Finder、瀏覽器與WebStorm之間復制粘貼
- 語言和框架-具體指南
- javascript
- 使用angularjs
- emmet
- CoffeeScript支持
- Dart 支持
- 標記語言和樣式表
- Node.js
- TextMate
- TypeScript 支持
- 使用NPM安裝和移除擴展包
- 使用Bower 包管理器
- 在JavaScript和TypeScript中使用ReactJS
- 教程
- 配置通用任務管理器
- 在文件中用正則表達式查找和替換文本
- 參考
- 要點
- 項目
- 根目錄
- 范圍
- 庫
- 路徑變量
- 語言支持
- 運行與調試
- 運行/調試配置
- 斷點
- 斷點類型
- 斷點圖標及狀態
- 編碼
- WebStorm中的版本控制
- 支持的版本控制系統
- 對話框
- 設置/首選項對話框
- 外觀和行為
- 編輯器
- 一般選項
- 外觀
- 自動導入
- 代碼折疊
- 代碼完成
- 顏色和字體
- 語言和框架
- javascript
- json模式
- 增加json模式對話框
- Node和npm
- 鍵盤快捷鍵及鼠標
- 高級編輯
- 獲得幫助
- 使用幫助主題
- 使用每日提示
- 使用在線資源
- 使用效率指南
- 分析你的反饋和問題報告
- 鍵盤映射參考
- 反饋頁