koa的腳手架

2022-07-20 07:12:11 字數 1252 閱讀 3790

1.什麼是腳手架?

腳手架建成cli,koa的腳手架就是koa-cli

咱們之前在做koa框架開發的時候,會發現在乙個專案中咱們的目錄結構是非常清晰的,第三方包,模板,路由都會被規範到對應的資料夾中,但是在最後做專案的時候如果所有的檔案和資料夾都需要自己建立,就會非常的麻煩,這時候koa中給咱們提供了乙個叫做腳手架的東西;

什麼是腳手架呢?

大家都知道蓋房子的時候,特別是蓋樓房的時候,都會需要先搭框架,這個框架呢,就被稱為腳手架,她的作用是什麼呢?就是能簡單搭建出房子的結構,讓後期我們蓋房子的時候能夠更加快捷方便

2.如何使用腳手架

koa-generator腳手架可以幫我們快速搭建koa2框架的目錄結構,它也是乙個第三方的包,使用的時候也需要先去安裝

1)安裝

npm install -g koa-generator
安裝腳手架的時候最好安裝成全域性的,因為腳手架經常使用,只要是專案中就得用腳手架,安裝成全域性之後,這樣以後咱們在專案中就不需要再安裝了

2)通過腳手架建立專案

koa -e project
後面的project表示專案的名稱,(-e 代表使用模板引擎ejs)

3)進入專案

cd project 

npm install

npm install表示安裝當前腳手架中的第三方包

如若提示需要安裝其他外掛程式,可根據提示安裝

4)如果install安裝的時候,執行這個操作

npm install --update-binary
5)啟動專案,預設埠是3000

npm run dev
這樣直接訪問127.0.0.1:3000就可以了

因為我安裝的是koa2,所以顯示的是koa2

使用koa腳手架從 建立 koa 專案

因為每個專案 起始階段的配置 往往是相同的 這個時候 就可以使用腳手架 進行自動生成 專案的初始 階段 就像 vue cli 建立vue 專案那樣 首先 先全域性安裝乙個 koa 的腳手架工具 npm i g koa generator然後是 建立 koa 專案了 e 是基於 ejs 模板引擎 因為...

前端腳手架

腳手架目錄 idea build configwebpack 配置檔案 dist打包輸出目 node modules依賴目錄 src assets資源 components自定義元件 pages每個vue 檔案對應乙個頁面,或者頁面的乙個元件 router路由 整個專案的路由跳轉配置 config....

腳手架安裝

1.先裝node 輸入 node v,出現相應的版本號,則說明安裝成功。2.安裝 映象 npm install g cnpm registry 3.安裝webpack npm install webpack 3.8.1 g g全域性安裝webpack版本3.8.1 webpack v檢視版本號 4....