小说阅读网_[Ext JS 7]基于NPM的開(kāi)發(fā)| 成都西華升騰科技有限公司

Ext JS開(kāi)發(fā)大全

CmsWing

[Ext JS 7]基于NPM的開(kāi)發(fā)

## [Ext JS 7]基于NPM的開(kāi)發(fā)
### NPM是什么？
NPM，Node package manager，翻譯過(guò)來(lái)是節點(diǎn)包管理器，是JavaScript的包管理工具， 類(lèi)似Java語(yǔ)言的Maven，NPM作為Node.js的默認包管理工具， 通過(guò)安裝Node.js就可以使用了。
### Ext JS對NPM的支持
Ext JS提供了對NPM的支持，也就是可以作為一個(gè)獨立的包通過(guò)NPM進(jìn)行管理，不同的是，因為是收費軟件，　Sencha并沒(méi)有將此包免費的放在共用的庫中，而需要使用賬號、密碼登錄，登錄后通過(guò)NPM安裝Ext JS的應用生成命令行工具（ext-gen），再使用該命令工具即可產(chǎn)生Ext JS類(lèi)型項目的腳手架。所以，要使用NPM創(chuàng  )建一個(gè)Ext JS類(lèi)型的項目需要有以下步驟：
在Ext JS官方網(wǎng)站注冊用戶(hù)以下載Ext JS相關(guān)的工具及包
安裝Ext JS的應用生成器
創(chuàng  )建項目
啟動(dòng)項目
### 1. 申請試用賬號
申請頁(yè)面需要進(jìn)入以下地址：
https://www.sencha.com/products/extjs/evaluate/
頁(yè)面如下：
![](/upload/picture/2022-09-30/upload_b42456092cffcd941063124b1053e839.png)

輸入完成之后，頁(yè)面會(huì )跳出給出使用的用戶(hù)名和密碼， 這個(gè)試用賬號的時(shí)間是30天。比如
```
npm username:chenoscarnpm password:sencha
```

### 2.使用賬號、密碼登錄
在命令行終端輸入以下命令進(jìn)行登錄。
```
npm login --registry=https://sencha.myget.org/F/trial/npm/ --scope=@sencha
```

登錄需要輸入用戶(hù)名、密碼和Email地址。

登錄成功會(huì )顯示如下信息
```
Logged in as chenoscar to scope @sencha on https://sencha.myget.org/F/trial/npm/
```

注意：https://sencha.myget.org/F/trial/npm/ 是試用版本的地址，如果已經(jīng)購買(mǎi)了正式版，有正式的賬號，則試用地址https://npm.sencha.com進(jìn)行登錄， 命令行如下：
```
npm login --registry=https://npm.sencha.com --scope=@sencha
```

### 3. 安裝應用生成器（命令行：ext-gen）
應用生成器用于快速產(chǎn)生應用的腳手架，使用npm進(jìn)行安裝， 命令如下：
npm install -g @sencha/ext-gen

安裝的效果頁(yè)面如下：
![](/upload/picture/2022-09-30/upload_7c77b77981d51866da4d20599ad343cb.png)
npm install 是npm的模塊安裝命令
-g 全局安裝
默認安裝的最新版
### 4. 使用ext-gen創(chuàng  )建項目
ext-gen app -n MyNpmExtApp

這個(gè)命令會(huì )創(chuàng  )建一個(gè)名字是MyNpmExtApp應用，創(chuàng  )建的目錄名會(huì )自動(dòng)設置為my-npm-ext-app。
創(chuàng  )建完成的目錄結構如下：
![](/upload/picture/2022-09-30/upload_54aa257477a081bba112d12311e1e789.png)
切換到項目目錄， 使用npm命令啟動(dòng)項目
cd my-npm-ext-appnpm start
啟動(dòng)成功命令行會(huì )輸出服務(wù)的端口（1962），

在瀏覽器輸入http://localhost:1962/，頁(yè)面載入效果如下：
![](/upload/picture/2022-09-30/upload_53647a2e71c3077ba454407e0f86087a.png)
### ext-gen 完整命令參考
ext-gen的完整命令參數如下：
ext-gen app (-h) (-d) (-i) (-t ‘template’) (-m ‘moderntheme’) (-c ‘classictheme’) (-n ‘name’) (-f ‘folder’)
![](/upload/picture/2022-09-30/upload_765c2be4f2306e5cb41f2a48013b03fc.png)

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

購物車(chē)

0 ITEMS ON YOUR CART

Ext JS開(kāi)發(fā)大全

[Ext JS 7]基于NPM的開(kāi)發(fā)

網(wǎng)站導航