VScode开发ExtJs环境搭建及运行示例程序方法(二)---程序目录

    科技2023-10-29  116

    上一次交流了如何在vscode中创建extjs框架的web程序。创建的程序的结构如图:

    目录结构 应用程序创建后的目录结构如图所示,以下是这些目录和文件的说明。 .sencha文件夹:在该文件夹下有app和workspace两个文件夹,主要包含一些生成应用程序所需的配置文件。一般情况下,不需要修改.sencha文件夹下的任何文件。 app文件夹:这是后续开发将要使用到的文件夹。在该文件夹下有controller、model、store和view 4个文件夹,分别用来存放应用程序的控制器、模型、存储和视图文件。在app文件夹下,有一个application.js文件,该文件是用来加载视图、控制器和存储的,在后续开发中随着视图、控制器和存储的添加,需要不断修改该文件。在app\view文件夹下,已经生成了Viewport.js和Main.js两个主界面视图,后续的开发将从修改这两个文件开始。 ext文件夹:Ext JS的框架文件所在文件夹。 overrides文件夹:当需要重写框架的类时,可把存放在这里。 packages文件夹:用来放置打包后的文件。具体可参阅API的指南部分Sencha Cmd节点下关于Sencha Cmd Packages的介绍。 resources文件夹:存放应用程序的资源文件。 sass文件夹:存放自定义的主题或样式文件。 app.js:应用程序的启动文件。 app.json:应用程序的配置文件。 bootstrap.css:样式引导文件。代替直接加载ext-all.css或其他编译好的样式文件。该文件会在生成应用程序时被修改。 bootstrap.js:脚本引导文件,用于加载应用程序所需的脚本和样式文件。 bootstrap.json:用来保存应用程序中脚本和样式文件的路径,为bootstrap.js加载脚本和样式文件提供加载地址。 build.xml:生成应用程序时需要使用到的配置文件。 index.html:应用程序启动时需要使用到的页面文件。 workspace.json:一个大的项目,可能是有几个小项目组成,而这些小项目会有一些共享代码,这时候就需要用到工作空间(workspace)来解决共享代码的问题,而本文件就是用来定义共享空间的。

    可以参考上将军的博客:https://blog.csdn.net/tianxiaode/article/details/78559634

    Processed: 0.014, SQL: 9