java sencha_sencha cmd安装创建项目与编译,特详细。

本文详细介绍了如何在Windows环境下安装Java JRE、Ruby、Sencha Cmd,并配置环境变量。通过Chocolatey自动化安装过程,然后检查安装是否成功,包括设置JAVA_HOME、PATH和CLASSPATH。接着创建EXTJS项目,使用`sencha -sdk`命令生成App,并通过`sencha app watch`和`sencha app build`命令进行编译,确保项目能正常运行和优化。
摘要由CSDN通过智能技术生成

官方文档

环境要求

Java Run-time Environment or JRE,版本>=6.0。

Ruby

Sencha Cmd

Ext JS SDK

下载安装搭建环境

ccf86cb55bb62ffcf03da1ea864d3a26.png

EXTJS的版本要和 sencha cmd版本对应,不然有些地方出错

配置环境:

我的用的chocolatey的工具,轻轻松松自动帮你安装好环境变量,方便快。Chocolatey 是 windows 下一款命令行包管理软件 ,简单说这就是 Windows 的 apt-get。习惯 Linux 操作方式并非常想用它操纵 Windows 的敬请折腾。Chocolatey 这套包管理系统目前已经包含了近 500 多款常用软件。

453adb301dd75feab929819d78f459be.png

把上面的代码复制到管理器运行,要用管理员身份运行,不然会出错,亲测出错。安装需要等待一段时间。

安装好了之后关闭管理器,在打开管理器,输入sencha -v是否显示这个

718bc0655c8ccc2ecc800ab43d6a4137.png

显示的不是这个就代表没有安装上。

然后打开下载Package页面,直接在搜索框搜索即可,jre和ruby以及Devkit,安装方法就是复制相应的命令代码,在命令管理系粘贴回车,他会自动帮你安装好,并帮你配置好。多么方便,还有其他的包的环境搭建也可以使用这个。

d4bfb779c5fedf3aae60925443073a4b.png

安装好了之后来看看有没有安装上。

第一步:安装JRE或者JDK(JDK安装后包含JRE)

“我的电脑”-->右键“属性”-->“高级系统设置”-->“环境变量”

21c1522426bc2fe8d99e4ac5aa060f76.png

添加或修改环境变量:

1.添加:JAVA_HOME

79a199d0c46dad8e232e9594b3edef16.png

2.修改:PATH

PATH属性已存在,可直接编辑。作用是用于配置路径,简化命令的输入,其值为:%JAVA_HOME%\bin。

794a8cf24f8ba04e8e8ef34f64b4792e.png

3.添加CLASSPATH

用于编译时JAVA类的路径,注意这里设置的是两个值,(.;)表示的是JVM先搜索当前目录。其值为:.;%JAVA_HOME%\lib\tools.jar。

77e6b0d4b8735eab0f3d6411936118db.png

重启电脑后,通过相关命令判断jdk是否安装完毕。

打开Dos命令窗口输入:java

eedae20d4607819b32a668d7d46df77d.png

打开Dos命令窗口输入:java  -varsion

1ad1477249d37dc4d243e7e23879dce7.png

打开Dos命令窗口输入:javac

第二步:测试ruby有没有安装成功

命令行里输入 ruby -v

如果正确输出了 ruby 版本号,就OK了

安装主题包,打开Dos命令框输入:gem install compass

d1f955117439f06ee64c762554f48e3b.png

第三步:测试DevKit有没有安装成功命令行中输入如下命令:

gem install rdiscount --platform=ruby

出现结果如下:

Fetching: rdiscount-1.6.8.gem (100%)

Temporarily enhancing PATH to include DevKit...

Building native extensions. This could take awhile...

Successfully installed rdiscount-1.6.8

1gem installed

Installing ri documentationfor rdiscount-1.6.8...

Installing RDoc documentationfor rdiscount-1.6.8...

之后就大功告成了,下面来创建项目。

之前下载好的SDK,创建App

方法:sencha -sdk /Path/to/framework generate app myapp My-App

/Path/to/framework这得意思是sdk的地址,你解压出来的SDK地址路径

generate app 是必不可少

myapp 是项目名

My-App是文件名

这里硬是纠结了我一个多小时才解决,一直没有创建成功。

我的方法步骤:在指定安装目录安装

18c946ccb3286cc452988a4072e35f4b.png

18be4b6405f99b89abc27397461c7c5a.png

这里打开是打不开的,原因是跨域,所以打不开,打开方式有很多种,可以用iis  也可以用其他的服务器,挂在本地服务器上就可以打开。sencha cmd有自带的内置服务器,浏览方式看图

命令:sencha app watch

2400c231e6dc9330c4a152d03ccc6271.png

然后查看文件大小,很大,如果放到服务器上打开会很慢,所以我们可以进行编译。

命令:sencha app build

方式和上面一样。

8ae05de8392ad64dfcba160a73b83249.png

a8cd84bb56fd5b07909d79f8ba962d89.png

好累,就到这里,未经过博主同意严禁转载。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值