extjs6 创建工程和打包发布

Posted 2021-03-26 Smart三只小熊

1. 准备工作：
   1. 下载extjs6的开发包，我这里是试验版：ext-6.6.0-trial.zip。解压到某个目录，我这里解压到：D:\\tools\\about-ext\\ext-6.6.0-trial 目录下
   2. 下载并安装extjs6的命令工具：SenchaCmd-6.6.0.13-windows-64bit.zip，配置环境变量，或者将安装好的目录(C:\\Users\\xiongxiaomeng\\bin\\Sencha\\Cmd)添加到path变量中
2. 创建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
3. 生成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
4. 项目生成成功后，修改app.json文件内容：
   
   1. 将 output->base的只修改成：${workspace.build.dir}/${build.environment}/${app.name}/${build.id}，如下图：
      
      
      
5. 打包项目：
   1. cmd命令进入extjs的工作空间：D:\\git\\repositoryspring\\myboot\\src\\main\\resources\\static
   2. 编译打包，输入命令：sencha app build development
6. 启动项目，输入地址访问，如下图：