[ExtJs6] 环境搭建及创建项目

短命女 2023-06-11 10:27 24阅读 0赞

## 1. 环境搭建 ##

sencha cmd 和 extjs6 sdk. sencha cmd: https://www.sencha.com/products/extjs/cmd-download/ extjs6: https://www.sencha.com/ sencha cmd 安装过程将其加入系统的环境变量path中。 export PATH=${PATH}:/Users/shuanggai/bin/Sencha/Cmd/6.2.2.36 把改语句添加到 ~/.bash_profile 里面去 extjs6 解压即可。

## 2. sencha cmd 常用命令 ##

![726735-20180412000030883-1751270691.jpg][]

# 创建项目 #

根据默认的模板创建项目 sencha -sdk /path/to/sdk generate app MyApp /path/to/myapp 指定模板创建项目 sencha -sdk /path/to/sdk generate app -t /path/to/sdk/templates/xxxx MyApp /path/to/myapp

![726735-20180412000155600-290241178.jpg][]

![726735-20180412000212345-356947426.png][]

# 发布运行 #

进入项目目录，sencha app watch

![726735-20180412000232937-535358826.jpg][]

根据提示在浏览器地址中输入[http://localhost:1841][http_localhost_1841] 界面如下：

![726735-20180412000409441-101820856.jpg][]

# 打包项目 #

打包classic和modern sencha app build 仅打包classic sencha app build classic 仅打包modern sencha app build modern

![726735-20180412000510023-1169003912.jpg][]![726735-20180412000517685-692422338.jpg][]　　![726735-20180412000537078-1478295981.jpg][]

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[726735-20180412000030883-1751270691.jpg]: /images/20230531/bb1b7776767c406d88ec7c9941c8a979.png
[726735-20180412000155600-290241178.jpg]: /images/20230531/4acf1ebe2c8d46a28143a16e2086f011.png
[726735-20180412000212345-356947426.png]: /images/20230531/2fba62e14f814164b0ce405f421bd9b4.png
[726735-20180412000232937-535358826.jpg]: /images/20230531/89b0c17762a149659c43d5cb09325146.png
[http_localhost_1841]: http://localhost:1841/
[726735-20180412000409441-101820856.jpg]: /images/20230531/47363c7643824fa1b8f1b7ef02ff4704.png
[726735-20180412000510023-1169003912.jpg]: https://images2018.cnblogs.com/blog/726735/201804/726735-20180412000510023-1169003912.jpg
[726735-20180412000517685-692422338.jpg]: https://images2018.cnblogs.com/blog/726735/201804/726735-20180412000517685-692422338.jpg
[726735-20180412000537078-1478295981.jpg]: /images/20230531/829b6814c07a48ca957137c379350934.png