因為各種原因，需要在extjs項目中開發點新功能，由于之前沒好好接觸過extjs，我前端領域主要學的是React技術棧。是以開始找資料搭建ExtJs運作環境。
說一段小插曲，由于看見extjs項目下有index.html檔案，于是，在webstorm工程中用浏覽器打開index.html檔案，試圖把項目跑起來，在浏覽器中打開index.html的時候，是一片空白，活生生的打臉了。我潛意識的意識到，跑項目肯定需要搭建extjs的開發環境的。然而我也不知道需要用什麼工具來搭建，沒有關鍵字，搜尋百度也是徒勞。我在項目代碼中偶然看見了
SenchaCmd
安裝軟體
安裝SenchaCmd-6.7.0.63-windows-64bit
- 安裝Cmd: SenchaCmd-6.7.0.63-windows-64bit
安裝ext-6.2.0-gpl
- 安裝SDK：ext-6.2.0-gpl
安裝步驟
解壓安裝壓縮包
解壓SenchaCmd-6.7.0.63-windows-64bit和ext-6.2.0-gpl
安裝SenchaCmd-6.7.0.63-windows-64bit，記住安裝位置目錄，我這裡安裝的目錄位址是
C:\Users\Arison\bin\Sencha\Cmd window cmd切換到C:UsersArisonbinSenchaCmd目錄下，執行指令
sencha help 如果顯示如圖所示，就代表安裝成功
配置系統環境變量
為什麼要配置系統環境變量呢？為了接下來運作項目的指令不會報錯。
運作項目的指令：sencha app watch
建立系統變量：EXTJS_CMD_HOME
路徑就是：C:UsersArisonbinSenchaCmd
編輯系統變量Path
建立環境變量：%EXTJS_CMD_HOME%
建立ExtJS項目
在路徑
C:\Users\Arison\bin\Sencha\Cmd
下建立項目：
sencha -sdk [解壓後的ext-6.2.0的位置] generate app [項目名稱] [項目位址] 建立項目 extjsDemo
extjsDemo是我随便取的項目名。
sencha -sdk C:\ExtJs\ext-6.2.0-gpl\ext-6.2.0 generate app extjsDemo C:\Project\ext 運作ExtJS項目
項目路徑執行：
sencha app watch 在你建立的ExtJs項目目錄下執行指令：
預設通路路徑是：
http://localhost:1841如果你執行了多個extjs項目，端口會随機變化！
項目運作如下：
然後我在sdk自帶的項目目錄下
ext-6.2.0-gpl\ext-6.2.0\templates\admin-dashboard
執行指令
sencha app watch
運作sdk自帶的demo工程
然後根據指令行提示，找到通路路徑：
http://localhost:57346 這是Ext JS Examples項目，項目路徑位于：
ext SDK ext-6.2.0目錄下的templates下的admin-dashboard
C:\ExtJs\ext-6.2.0-gpl\ext-6.2.0\templates\admin-dashboard 項目目錄結構
用WebStorm打開項目，項目目錄檔案結構如下：
原文位址：
http://cloud.yundashi168.com/archives/708