extjs6 入门 sencha cmd 新建项目

简介: 1.创建 workspace大家看过“extjs6 入门学习” 朋友一定都能创建属于自己的extjs6的项目了。有没有朋友想到一个项目需要维护多个版本或多套extjs开发的项目? 这是当然会有发生的。

1.创建 workspace

大家看过“extjs6 入门学习” 朋友一定都能创建属于自己的extjs6的项目了。有没有朋友想到一个项目需要维护多个版本或多套extjs开发的项目? 这是当然会有发生的。那么我们这里给大家带来的 workspace 这个东西解决这个问题。那么我们来创建一个 workspace 吧! 下面的D:\workspace 是路径。

sencha -sdk D:\ext-6.0.0 generate workspace D:\workspace

2.生成项目

上面会把 extjs 、 workspace.json 和 .sencha配置文件 生成说明 workspace 创建成功。下面我们来创建项目。

//进入目录
cd  workspace
// 创建项目
sencha generate app -ext myappone  ./myappone

3.生成view

我们是快速开发的,当然少不了一些好用快速生成器,这里给大家介绍两个比较好用的 。生成一套 view 常用的 b.js 试图文件 bbController.js 试图控制 和 bModel.js 试图模型,我们要做的工作一步到位,是不是快捷.

//进入项目目录
cd ./myappone
// 创建显示
sencha generate view myview

4.生成 model

应该注意 model 中的用法。

//进入项目目录
cd ./myappone
// 创建显示
sencha generate model mymodel id:int,name,pwd

5.拓展思考

1.我们用 sencha app watch 在 workspace 会有什么样现象 ?2.如果把workspace 中的extjs 换成 下载的 extjs6 sdk 会怎么样?

答 如果这样做的话可以使用

sencha app watch

目录
相关文章
|
Web App开发 JavaScript iOS开发
[√]使用vscode开发油猴Tampermonkey脚本
[√]使用vscode开发油猴Tampermonkey脚本
837 0
|
5月前
|
前端开发 JavaScript IDE
WebStorm 打开多个项目的方法
【8月更文挑战第2天】
183 0
|
Web App开发 JavaScript 前端开发
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
420 0
|
编译器 Go Windows
LiteIDE简单使用
LiteIDE简单使用
314 0
LiteIDE简单使用
|
搜索推荐 IDE Java
AndroidStudio插件开发(Hello World篇)
AndroidStudio插件开发(Hello World篇)
AndroidStudio插件开发(Hello World篇)
|
开发工具
AndroidStudio插件开发(进阶篇之Editor)
AndroidStudio插件开发(进阶篇之Editor)
|
JSON 数据格式
APICloud 入门教程窗口篇
什么是窗口,窗口可以理解为一屏幕内容的一个基本载体,里面可以放导航,图片,视频,文字等组成一屏幕内容。
343 0
APICloud 入门教程窗口篇
C# 之 带你玩转命令行版《2048》 -- 附源码分享
C# 之 命令行版2048,自己动手做一个2048玩一下吧~
210 0
|
JSON 数据格式
electron菜单的基本使用
electron菜单的基本使用
394 0
electron菜单的基本使用
xal
|
JSON JavaScript 前端开发
VSCode插件开发全攻略(四)命令、菜单、快捷键
更多文章请戳[VSCode插件开发全攻略系列目录导航](https://www.atatech.org/articles/121864)。 # 命令 我们在前面HelloWord章节中已经提到了命令写法,这里再重温一下。 ```js context.subscriptions.push(vscode.commands.registerCommand('extension.say
xal
3946 1