sencha Toucha的环境搭建

最新推荐文章于 2019-10-28 14:36:20 发布
最新推荐文章于 2019-10-28 14:36:20 发布
阅读量1.2k 收藏
点赞数
分类专栏： Sencha Touch 文章标签： sencha Touch
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l863784757/article/details/12777209
版权


第一步：安装JAVA jdk，安装完后配置jdk环境

我的电脑-属性-高级-环境变量

1、新建变量名JAVA_HOME，值：C:\Program Files\Java\jdk1.7.0_01（JDK安装目录）

2、新建变量名CLASSPATH，值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar  （特别注意任何标点符号都不能漏掉）

3、修改PATH的值，在最前面加入%JAVA_HOME%\bin; 


这样就可以在任何目录使用java命令了。

验证环境变量已经配置好的方法。

在运行中输入cmd打开系统命令行。输入javac，如果能够返回javac的使用方法，说明环境变量已经配置完成。如果显示找不到该命令，说明配置不正确


第二步：安装SenchaCmd-3.1.2.342-windows.exe   ；直接点下一步，安装完后，在dos下运行cmd，然后输入sencha，如果出现



就说明安装好了

仰望星空HK
关注
专栏目录
Sencha Touch2环境搭建
04-20
本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境，以及在实际项目中可能会遇到的一些关键点。 首先，我们需要确保计算机上已经安装了以下基础工具： 1. **Web服务器** - Sencha Touch 应用通常运行在Web...
SenchaCmd搭建环境AND创建项目
許先生的博客
07-20 1464
第一章：搭建环境AND创建项目 下载安装senchaCmd,地址为： http://www.sencha.com/products/sencha-cmd/download 1.安装SenchaCmd 2：安装完成需要配置环境变量 编辑-->新建一个需要把刚才安装SenchaCmd的路径放进去 3：测试配置成功没，在命令行输入sencha然后回车 显示这样的就是配...
第一步 使用sencha touch cmd 4.0 创建项目、打包（加入全局变量、公用类、自定义扩展、资源文件）...
weixin_33885253的博客
11-13 190
参考资料： http://www.cnblogs.com/qqloving/archive/2013/04/25/3043606.html http://www.admin10000.com/document/140.html 这里我主要讲的是如何加入全局变量、公用类、自定义扩展、资源文件 官网地址：http://www.sencha.com/products/touch/ 官当最新do...
（一）基于SenchaCmd搭建ExtJS 6.2版本开发环境（图文教程）
weixin_43462069的博客
10-28 1838
由于工作中可能会用到ExtJS，而且之前从未接触过，于是找资料开始搭建ExtJS，整理下构建步骤，用作记录。 参考文档地址： https://cloud.tencent.com/developer/article/146124 官方网站： https://www.sencha.com 在线文档： http://docs.sencha.com/extjs/6.5.1/index.html 官方论坛...
sencha touch cmd 环境配置（创建项目、打包、发布 ）
sunny68的专栏
03-18 2076
一、安装Sencha Cmd  用于生成、部署extjs项目     1、下载安装以下软件：           （1）JDK  http://www.oracle.com/technetwork/java/javase/downloads/               安装到指定路径，例如D:\Java               打开计算机属性——高级系统设置
关于win10系统下 senchcmd6.2.2.36生成ext6.2应用程序出现问题的总结
qq_33135813的博客
01-09 316
1.P:安装完sencha 后,打开doc窗口 输入sencha 没有相关sencha版本信息的显示 (安装成功,doc进入senchacmd安装目录,执行sencha命令可以,但是在其他路径下不行) S:环境变量配置出现问题,win10系统下当前用户变量及系统环境变量path都需要添加上senchacmd的安装目录. 另外一种解决办法:就是删除原有的环境变量,卸载重装. 2.P:安装完se...
Sencha touch 环境搭建步骤
04-10
SenchaTouch环境搭建 1、Java(JDK、JRE) 环境配置 1、Sencha Touch SDK下载 2、SenchaTouchCmd 3、ruby
sencha touch环境配置.
02-04
在开始使用Sencha Touch之前，需要进行一系列环境配置，确保所有必要的软件和工具已经安装并配置妥当。 首先，我们需要下载核心软件包。`sencha-touch-2.1.0-gpl` 是Sencha Touch的二进制文件，包含了框架的所有...
sencha-touch-1.0.1a.zip_Sencha Touch _sencha touch api_touch
09-14
在"sencha-touch-1.0.1a.zip"中，你将找到Sencha Touch 的源代码，这是学习框架工作原理的好资源。源码通常包括JavaScript文件、样式表（CSS）、图片和其他资源。你可以通过阅读源码来了解框架如何组织和实现其功能...
sencha touch
01-20
touch-2.3.1 包，亲测可用，主要用于h5开发
SenchaCmd6.6安装程序
09-13
SenchaCmd6.6安装程序，安装后直接需要配置环境变量，在path中添加SenchaCmd路径即可
sencha touch2学习笔记(一)---环境搭建和开发工具配置
04-06
NULL 博文链接：https://chennaigong.iteye.com/blog/1542268
SenchaCmd-3.1.0.192-windows.exe
11-30
一键生成你的应用程序代码： ------------------------------------------------------------ 我们的出发点就是使用命令来产生一个应用程序，执行以下命令： sencha generate app -ext MyApp E:\senchaworkspace\MyApp 可以看到如下执行结果 以上命令会从官网下载试用版本的ext代码到你本地，如果你已经购买正版代码，那么需要使用下一节（-sdk命令来生成你的应用程序）在你的硬盘文件夹下可以看到： 这表明自动生成了你的程序框架。 需要注意的是，生成的EXTjs 是商业体验版本，如果你购买了，那么你需要下载ext js的zip包，并且使用-SDK命令来制定SDK的路径，这样，就不会去默认下载SDK而是按照你本地的文件来生成了。 命令如下： sencha -sdk /这里是你的sdk路径/ generate app MyApp 你的App的路径。如 sencha -sdk c:sencha5.0.0 generate app OASystem d:\oasys 执行完成之后可以看到如下的文件夹路径： [plain] view plaincopy在CODE上查看代码片派生到我的代码片 .sencha/ # Sencha-specific files (for example, configuration) app/ # Application-specific content Boot.js # Private, low-level dynamic loader for JS and CSS Microloader.js # Loads app based on app.json content sencha.cfg # Application configuration file for Sencha Cmd build-impl.xml # Standard application build script *-impl.xml # Implementations of various build phases defaults.properties # Default values and docs for build properties ext.properties # Build property values specific to Ext JS *.defaults.properties # Build property values by env (e.g. "testing") plugin.xml # Application-level plugin for Sencha Cmd codegen.json # Data for merging generated code during upgrade workspace/ # Workspace-specific content (see below) sencha.cfg # Workspace configuration file for Sencha Cmd plugin.xml # Workspace-level plugin for Sencha Cmd ext/ # A copy of the Ext JS SDK cmd/ # Framework-specific content for Sencha Cmd sencha.cfg # Framework configuration file for Sencha Cmd packages/ # Framework supplied packages ext-theme-classic/ # Ext JS Theme Package for Classic ext-theme-neptune/ # Ext JS Theme Package for Neptune ... # Other theme and locale packages src/ # The Ext JS source ... index.html # The entry point to your application app.json # Application manifest app.js # Launches the Application class app/ # Your application's source code in MVC structure model/ # Folder for application model classes store/ # Folder for application stores view/ # Folder for application view classes main/ # Folder for the classes implementing Main.js # The Main View MainModel.js # The `Ext.app.ViewModel` for the Main View MainController.js # The `Ext.app.ViewController` for the Main View Application.js # The `Ext.app.Application` class packages/ # Sencha Cmd packages build/ # The folder where build output is placed 这个路径和上方文件夹截图是没有区别的都是一样的。 构造你的应用程序： ---------------------------------------- 只需要执行以下命令就可以构造你的应用程序打包了 sencha app build,这个命令需要你在你的应用程序文件夹下执行哦。可以看到我的执行过程如下： 需要注意不能使用-sdk命令了，使用会出现问题哦 执行完成之后可以看到增加了build目录，下方就是包含了js代码 sass还有主题的文件夹。 Sencha 的网络服务容器： ---------------------------------------------------- 使用 sencha web start命令来开启你的服务。服务允许你将本地应用程序当做网络服务。 这个命令将1841端口制定为当前的访问端口，如果想停止服务就执行如下命令： sencha web stop或者ctrl+c来结束服务 想访问你的服务，只需要在浏览器中执行如下路径： http://localhost:1841 当我们访问的时候，可以看到默认生成的网页如下： 如果你不想使用1841端口，你可以在执行的时候制定端口号码：sencha -port 8080 web start 扩展你的应用程序 使用 sencha generate 命令帮你你快速的创建一个mvc的组件包像controllers和models 执行以下命令sencha help generate你可以看到有如下的扩展信息： 重要：为了执行命令，你需要在当前应用程序的路径下执行才可以。 增加一个新的models -------------------------------------------- 使用sencha generate model 命令就可以。 如图 这样就创建了一个User的Model包含三个属性 增加一个新的Controllers ----------------------------------------------------- 类似上述命令，执行 sencha generate controller Central 增加一个view ------------------------------ 也是一样执行 sencha generate view SomeView 客户化定制构造程序 ----------------------------------------- 现在又多种多样的配置选项可以使用在 ”.sencha/app/sencha.cfg“文件夹下，在只有一张页面的情况下，可以忽略”.sencha/workspace“配置文件夹 classpath类路径 ---------------------------------- sencha app build 命令制定去哪里找到你的应用程序的代码全部依赖于app.classpath配置，它是在”.sencha/app/sencha.cfg“文件夹下的。默认的数值是 app.classpath=${app.dir}/app,${app.dir}/app.js 更高层次的阅读： ----------------------------------- 想了解更多的关于sencha cmd的命令处理，你额可以参考 Inside the app build process 更新你的应用程序 使用 sencha app upgrade[新的路径] 对于已经存在的应用程序来说，可能默认的不是index.html这时候需要你在app.json中制定： { ... "indexHtmlPath": "index.php" }
Sencha Cmd安装笔记
summerwindl的博客
11-20 4384
在使用前端框架ExtJs前，需对其环境加以部署，对自己的安装过程加以记录。 建议大家在安装时，最好使用VPN，个中缘由，生在跳槽的程序袁应该都懂吧。不然ruby相关命令执行时，会提示相关包无法下载。 Sencha Cmd下载地址：https://www.sencha.com/products/extjs/cmd-download/ Sencha Cmd 6官网地址：http://
extjs5 sencha cmd 5 的介绍及使用
aiyaobucuoo的专栏
01-31 1455
最近在学习extjs5.x的时候 对sencha cmd 5 进行了详细的了解  sencha cmd 的主要功能 完成ext项目的构建 编译 打包 还可以构建本地web服务器 搭建 sencha cmd 环境 安装jdk（使用版本是1.7） 安装ruby（使用版本1.9.3） 安装sencha cmd 5 （使用版本5.1.0.26 需配置环境变量）1.extjs项目的生成和运行 下载ext5.
高级Sencha CMD的用法
清静致远
12-21 1579
高级Sencha CMD的用法： #安装注意事项： 1、位置：安装程序会让你选择一个安装位置，但更改这个位置会产生副作用。理想的做法是所有的Sencha CMD版本都安装在一个文件夹里，各个 版本分别位于用版本号命名的子文件夹里。Windows系统下为单个用户安装的默认位置类似如下的文件夹：C:\Users\myself\bin\Sencha\Cmd\n.n.n.n\ 2、多个版本的安装：
Sencha 6.2 modern环境搭建过程（Windows环境）
xqq580231的博客
09-25 1728
1、安装NodeJS （http://nodejs.org/download/）安装node.js是为了使用npm命令 参考配置: D:\Program Files\nodejs\ 2、安装Ruby （http://rubyinstaller.org/downloads/archives）主要用来做js以及css的压缩 3、安装ruby时要勾选将添加到p
mac系统下配置Sencha环境变量
syzhangzhinan的专栏
05-27 1299
还原：开始安装了SenchaSDKTools-2.0.0-beta3，然后设置环境变量，之后执行sencha时报出 。。。 is not a Sencha SDK or application。。 上网查资料发现此版本需要安装SenchaCmd-3.1.2.342-osx.app.zip 之后只需要将/Users/用户名/bin/Sencha/Cmd/3.1.3.342 配置进mac系
Extjs6.2笔记——使用Sencha cmd搭建环境
漏气的可乐的博客
08-20 1006
首先是下载 extjs6.2百度云网盘链接 https://pan.baidu.com/s/1hQaefoBDf5AmAJVv-YGw7w sencha cmd 最新版的网盘链接 https://pan.baidu.com/s/1b3lB29rzb1gzw5rXbNR-OA 俩个都是直接解压就好 sencha cmd 解压后按照傻瓜包安装的方式直接next就好 安装完成之后进行环境变量的配...
一站式搭建Sencha Touch开发环境指南
本文提供了 Sencha Touch 开发环境搭建的关键步骤，包括选择和配置开发工具，如WebStorm、Sencha SDK和SASS/Compass，以及如何创建和利用Theming功能来定制应用程序的外观。对于想要从事Sencha Touch开发的人员来说...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值