使用Sencha Cmd创建Ext项目

前言

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

准备工作

• 下载安装 Sencha Cmd
  https://www.sencha.com/products/evaluate/点击链接找到 Sencha Cmd 下载
  也可直接点击此处下载Sencha Cmd➲
  下载之后进行傻瓜式安装
  (如果打不开链接，请打开VPN)

• 安装SDK
  运行Sencha Cmd需要安装JDK
  此处附上JDK安装方法
  如果已经安装JDK请跳过此步骤看下一步

• 下载Ext
  Ext官网中下载Ext js

使用 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