- 准備工作:
- 下載extjs6的開發包,我這里是試驗版:ext-6.6.0-trial.zip。解壓到某個目錄,我這里解壓到:D:\tools\about-ext\ext-6.6.0-trial 目錄下
- 下載並安裝extjs6的命令工具:SenchaCmd-6.6.0.13-windows-64bit.zip,配置環境變量,或者將安裝好的目錄(C:\Users\xiongxiaomeng\bin\Sencha\Cmd)添加到path變量中
- 創建extjs的工作空間:
打開cmd命令,輸入:sencha -sdk D:\tools\about-ext\ext-6.6.0-trial\ext-6.6.0\ generate workspace D:\git\repositoryspring\myboot\src\main\resources\static - 生成extjs的admin-dashboard項目:
命令行輸入:sencha generate app -ext -s D:\tools\about-ext\ext-6.6.0-trial\ext-6.6.0\templates\admin-dashboard App D:\git\repositoryspring\myboot\src\main\resources\static - 項目生成成功后,修改app.json文件內容:
- 將 output->base的只修改成:${workspace.build.dir}/${build.environment}/${app.name}/${build.id},如下圖:
- 將 output->base的只修改成:${workspace.build.dir}/${build.environment}/${app.name}/${build.id},如下圖:
- 打包項目:
- cmd命令進入extjs的工作空間:D:\git\repositoryspring\myboot\src\main\resources\static
- 編譯打包,輸入命令:sencha app build development
- 啟動項目,輸入地址訪問,如下圖: