KISSY整體架構流程

2021-07-06 08:35:57 字數 2176 閱讀 2634

第二步:安裝前端工作流程手腳架(generator-bee)和前端構建打包工具(gulp)。

準備工作:開啟執行,進入cmd,進入你要放置專案的地方,建立目錄

mkdir bee-demo

//先建立乙個目錄,名字自取

cd bee-demo

//進入建立好的目錄

安裝:

先安裝yeoman和gulp (yeoman是前端工作流程手架);

npm install yo gulp -g

//此處的(-g)表示安裝在全域性我個人喜歡安裝在當前,就不加 -g

再安裝generator-bee:

npm install generator-bee

-g//-g和前面的一樣,按個人需要選擇

如果安裝失敗,執行

npm clean

第三步:用bee生成目錄和**

yo bee
顯示如下提示表示成功了:

目錄和檔案初始化完成!

1.執行npm install安裝工具依賴

2.執行gulp命令打包並開啟除錯伺服器,比如bee-demo工程,http://localhost:5555/bee- demo/1.0.0/index.js,指向src/index.js

3.參考demo/dev_index.html(url加上?ks-debug)進行demo開發

第四步:開啟bee-demo\demo\dev_index.html 模板檔案

執行發現沒成功,只有css載入成功了,那麼js呢。

參考:第五步:檔案壓縮

demo執行成功之後,就要考慮如何壓縮js和css了。畢竟安裝後帶有的壓縮檔案都不是我們自己寫的。

為了測試能壓縮成功,我們先將 bee-demo\build 中的壓縮檔案刪除。

cmd 進入專案目錄,執行

gulp  //自動壓縮
此時會提醒你

error: cannot find module

'gulp-kmc'

沒關係,直接

npm install gulp-kmc
這樣的情況後面會多次出現,是由於沒有安裝這個包的原因,直接安裝就好了。

還有一種就是直接開啟package.json,檢視依賴項,將對於的依賴一次性安裝。

例如:

npm install gulp gulp-copy
直到出現這個

d:\bee-demo>gulp

[14:26:06] using gulpfile d:\bee-demo\gulpfile.js

[14:26:06] starting 『kmc』…

[14:26:06] starting 『less』…

[14:26:06] starting 『mini-css』…

[14:26:06] starting 『watch』…

[14:26:06] finished 『watch』 after 11 ms

[14:26:07] dependency file deps.js is created.

[14:26:07] combined file index-combo.js is created.

kmc server running at 5555

[14:26:07] finished 『mini-css』 after 144 ms

[14:26:07] finished 『less』 after 152 ms

[14:26:07] starting 『css』…

[14:26:07] finished 『css』 after 5.77 μs

[14:26:07] finished 『kmc』 after 171 ms

[14:26:07] starting 『default』…

[14:26:07] finished 『default』 after 5.45 μs

然後進入bee-demo\build 發現刪除的壓縮檔案又出現了,成功!!

Android App整體架構

本文是對我在知乎乙個回答的整理,其中的內容大多是對我平時的閱讀和實踐的總結,希望對android的開發者有所幫助。但畢竟是個人的一些思考,難免有疏漏,也歡迎對本文的內容提出建議。模型層 model 中的整體 量是最大的,一般由大量的package組成,針對這部分需要做的就是在程式設計的過程中,做好模...

spring 整體架構

1.core container 核心容器 core 包含spring框架的核心工具類 beans 包含訪問配置檔案 建立和管理bean 以及進行ioc di 相關操作的所有類 context 整合beans為spring框架提供大量的擴充套件 expression language 提供表示式語言...

索引整體架構

lucene將索引文件的過程設計成兩個階段,寫入記憶體階段和寫入硬碟階段。在寫入記憶體階段,lucene通過indexchain把document分解並把相關資訊儲存到記憶體中,等到滿足flush條件 記憶體容量或者文件個數積累到臨界值 就通過indexchain把記憶體中的資料寫入硬碟。index...