皇牌天下投注网使用Sencha Cmd创建Ext项目

来源:http://www.prospettivedarte.com 作者:计算机教程 人气:140 发布时间:2019-05-10
摘要:博主自己也是一个刚开始学习ext的小白,学习新知识一定要记录下来,直接复制自己原来写的培训手册里的,希望能帮到刚接触ExtJs的你!—— [作者:伊利蛋白钙yL ](http://www.cnblogs.c

博主自己也是一个刚开始学习ext的小白,学习新知识一定要记录下来,直接复制自己原来写的培训手册里的,希望能帮到刚接触ExtJs的你!——[作者:伊利蛋白钙yL  ](http://www.cnblogs.com/milkbiubiubiu/)原文链接:http://www.cnblogs.com/milkbiubiubiu/p/8360716.html[]

前言

本文主要简单的介绍如何使用Sencha Cmd创建Ext项目,适用于初学者,详细内容可以进入Sencha Cmd官网查看。

第1章 创建并运行第一个Ext Js Classic 项目

准备工作

 

使用 Sencha Cmd

  1. 打开运行面板(快捷键Win R),输入cmd,确定
进入sencha
  • 在打开的cmd面板中输入 cd Sencha Cmd安装位置,然后回车。(红线部分为我安装Sencha Cmd的地址)
cmd
  • 生成应用程序
    红线:刚刚所下载的Extjs所在的位置
    蓝线:新建项目的名称
    橙线:新建项目将放在此处
生成应用程序
  • 建立应用程序
    进入项目所在位置(因为我的项目所在的位置和Sencha安装的位置不在同一个盘,所以我先转到d盘再使用 ‘cd 项目坐在位置’ 进入所在目录)
进入项目所在的位置



使用<code>sencha app build</code>建立应用程序



建立应用程序


到此,应用程序就算构建完毕了,文件夹中的app为源文件,build为压缩后的文件夹
  • 使用app watch
    在命令行中输入
    <code>sencha app watch</code>
    在浏览器中打开http://localhost:1841/即可

  • 编译压缩
    <code>sencha app build</code>

1.1 开发环境搭建

部分文件介绍

app----------------------开发文件
    model
    store
    view
    application.js
build------------------压缩文件
    development--------开发模式
    production---------生产模式
    temp
classic----------------pc端
    sass---------------css
        etc
        src------------css
        var
    src----------------view/controller
        view
ext
modern-----------------移动端
    sass
    src
overrides
packages
resources
sass-------------------公共css模块
    etc
    example
    src
    var

更多内容可在官方文档中查看

By : Yimi-shan

官方网站:https://www.sencha.com

在线文档:http://docs.sencha.com/extjs/6.5.1/index.html

官方论坛:https://www.sencha.com/forum/

Sdk 下载:https://www.sencha.com/products/extjs/evaluate/

Cmd 下载:https://www.sencha.com/products/extjs/cmd-download/

在线演示:http://examples.sencha.com/extjs/6.5.1/examples

 

注: Sencha Cmd:创建项目、生成测试包、编译代码等的工具

Sdk:Sencha Cmd 生成Ext Js 项目时需要

 

1.2 下载Sencha Cmd 工具、Ext Js SDK

 

  1.2.1打开cmd工具的下载链接,根据自己操作系统下载即可,如图1:

皇牌天下投注网 1

图 1.1

 

1.2.2打开sdk 下载链接,填写对应信息点击“DOWNLOAD”即可,官方会将   下载链接发送至邮箱,如图2:

 皇牌天下投注网 2

图 1.2

 

收到邮件后点击下载即可,点击“Pivot Grid,D3、Adapter...”下载扩展包,如图3:

 皇牌天下投注网 3

图 1.3

sdk安装时路径在生成项目时会用到,其他的默认一路安装即可,安装完成后运行sencha.exe,然后在sencha cmd 文件夹下打开命令工具输入“sencha”检测是否安装成功

如图4即为安装成功:

 皇牌天下投注网 4

图 1.4

重要:配置环境变量:进入环境变量 -> 系统变量 -> Path -> 追加H:Ext6.5.2senchaCmd6.5.2;(即: sencha cmd 安装路径)

Sencha cmd 相关指令:

(1)升级cmd

sencha upgrade

(2)创建PC端项目

        sencha -sdk H:Ext6.5.2ext-6.5.2 generate app --classic app H:Ext6.5.2senchaCmd6.5.2demowww

H:Ext6.5.2ext-6.5.2 : sdk所在目录

generate app : 创建一个新项目

--classic app : 创建PC端项目(modern:移动端)

H:Ext6.5.2senchaCmd6.5.2demowww : 项目路径及名称

 

创建成功如图5,图6所示:

皇牌天下投注网 5

图 1.5

将生成的项目放入编辑器里运行index.html即可看到全部效果,如图6:

 皇牌天下投注网 6

 

图,1.6

 

(3)编译项目

本文由皇牌天下投注网发布于计算机教程,转载请注明出处:皇牌天下投注网使用Sencha Cmd创建Ext项目

关键词:

上一篇:逆转链表

下一篇:没有了

最火资讯