WebStorm


* Web前端集成開發工具 - WebStorm

   * 安裝完成后,雙擊執行文件

     * 彈出窗口(complete installation),點擊"OK"按鈕

     * 彈出窗口(License Activation)-激活WebStorm軟件

       * 選擇"License server"選項

       * 在"License server address"文本框中輸入

         http://15.idea.lanyus.com/

       * 點擊"OK"按鈕即可

     * 彈出窗口(initial Configuration-初始化配置)

       * Keymap scheme - Eclipse

       * IDE theme - Intellij

       * Editer colors and fonts - Default

       * 點擊"OK"按鈕

     * 彈出歡迎窗口(Welcome to WebStorm)

       * Create new Project - 創建新工程

         * 選擇創建新工程

       * Open - 打開已有工程

       * Check out from Version Control - 從版本控制下載工程

   * 創建新工程

     * 彈出選擇哪類工程

       * 選擇"Empty Project"

       * 在"Location"輸入框中,輸入當前工程保存的路徑

         E:\workspace\project06

       * 點擊"Create"按鈕

   * 配置WebStorm

     * 點擊工具欄"File"->"Setting",彈出配置窗口

     * 打開"Editor"->"Colors & Fonts"選項

       * 選項"Scheme" - 選擇編輯器的主題樣式

     * 選擇"Colors & Fonts"->"Font"選項

       * 選擇好"Scheme"主題,點擊"Save as"按鈕

       * 為另存為的主題,定義名稱

       * 配置"Editor"->"Size"設置字體的大小

       * 點擊"Apply"按鈕,點擊"OK"按鈕

   * WebStorm如何創建PHP頁面

     * 注意

       * WebStorm默認並不支持PHP

       * 下載PHPStorm軟件

     * 配置PHP

       * 點擊工具欄"File"->"Setting",彈出配置窗口

       * 選擇"Editor"->"File Types"選項

       * 在"Recognized File Types"選項中,找到"PHP Files"選項

       * 在"Registers Patterns"選項中,點擊"+"按鈕,彈出配置窗口

         輸入:*.php

        點擊"OK"按鈕

       * 點擊"Apply"按鈕,點擊"OK"按鈕

     * 創建PHP模板

       * 在工程目錄操作區,鼠標右鍵"New"->"Edit File Templates"選項,彈出模板窗口

       * 具體創建過程,參考"創建PHP模板.jpg"

 

1.WS的常用操作:

  常用快捷鍵(Keymap/Eclipse):

復制當前行:                 Ctrl+Alt+↓

向上/下移動當前行:       Alt+↑/↓

刪除當前行:                 Ctrl+D

注釋/取消當前行:          Ctrl+/

重新格式化當前文檔:     Ctrl+Alt+L

  ZenCoding(代碼補全):

div+TAB 

div.box+TAB

div#mybox+TAB

div*3+TAB

ul>li*3>a+TAB

  假文生成:

lorem+TAB

  多行編輯:

Alt+左鍵點擊          開始多行同時編輯

ESC                       退出多行編輯模式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM