使用Sencha Cmd创建Ext项目

前言

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

准备工作

使用 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
    在命令行中输入
    sencha app watch>
    在浏览器中打开http://localhost:1841/即可

  • 编译压缩
    sencha app build

部分文件介绍

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,253评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,500评论 25 709
  • Sencha提供了免费的Cmd工具,可以用来创建Ext JS项目并提供了一些便利的功能。Sencha也在官方文档中...
    写意悠悠阅读 7,266评论 8 14
  • 今年的七夕,依然是我一个人,然后看了一集《我们相爱吧》,就特别希望有爱情,单身久了就不知道爱情是什么样子的了? ...
    轻舞飞飞扬阅读 149评论 0 0
  • 十二月初冬暖阳南风过境带走所有忧愁沿途满心欢喜予我深情且无可回头
    年尘i阅读 268评论 0 0