📜  Ext.js-环境设置(1)

📅  最后修改于: 2023-12-03 15:00:40.820000             🧑  作者: Mango

Ext.js 环境设置

简介

Ext.js 是一个基于 JavaScript 的前端框架,它提供了丰富的 UI 组件和 API,帮助开发者快速构建优秀的 Web 应用程序。本文将介绍如何设置 Ext.js 环境,以支持开发者进行 Ext.js 开发。

环境要求
  • 基于 Ext.js 6.x 版本进行开发
  • 安装 Node.js 环境
  • 安装 Sencha Cmd 工具
环境搭建
安装 Node.js

在官网下载安装 Node.js,下载地址: https://nodejs.org/zh-cn/

安装 Sencha Cmd
  1. 在终端或命令行窗口中执行以下命令,安装 Sencha Cmd
npm install -g sencha-cmd
  1. 验证 Sencha Cmd 是否安装成功,执行以下命令
sencha

如果看到 Sencha Cmd 的版本号等信息,则表示安装成功。

创建项目
  1. 在终端或命令行窗口中进入项目目录,执行以下命令,创建 Ext.js 项目
sencha generate app <应用名称> <应用目录>

其中,<应用名称> 为应用的名称,<应用目录> 为应用所在的目录。

  1. 在终端或命令行窗口中进入应用目录,执行以下命令,启动 Web 服务器
sencha app watch
  1. 打开浏览器,访问 http://localhost:1841,查看应用是否启动成功。
总结

本文介绍了如何设置 Ext.js 环境,包括安装 Node.js 和 Sencha Cmd 工具,以及如何创建 Ext.js 项目和启动 Web 服务器。在开始 Ext.js 开发之前,开发者必须搭建好开发环境,才能开始进行开发。