搭建Extjs框架(一)

搭建Extjs框架 pc端

github https://github.com/Status400/Extjs-6.2.0-demo   欢迎start

准本工作：

官方下载Extjs  sdk   （本示例版本为6.2.0）

链接:http://pan.baidu.com/s/1eRV2UYI  密码:6tsy

安装node.js（省略安装步骤）

一、搭建框架结构

1、从extjs sdk 拷贝出框架需要的文件，将extjs build 中的js文件 放入框架lib/build 中

2.从extjs中取出主题文件放入lib/css中（注意选择一个自己喜欢的主题，将主题中 resoures 文件夹拷贝到 lib/css中）

3. 将chart（图表）有关的文件放入框架，因为extjs 的chart（图表）是单独的文件，所以自己项目需要的话，得单独引用。（从extjs sdk 中  build/packages/charts/classic  取出所需文件 放入框架中的build  和  css中）

4.将extjs 扩招组件/插件  引入框架（因为不是常用，可以按需引用，减少文件体积。所以说框架中引入原始文件而不是build后的，将  sdk packages/ux/classic/src 放入框架ux中）

5.创建项目起始页index.html  放入框架根目录。以triton主题为例 依次引入theme-triton-all.css  ，ext-all.js  图表有关文件按自己的需求是否引用