yeoman web腳手架工具

2021-07-13 03:29:55 字數 395 閱讀 8116

yeoman上搭建了很多各種專案需求的基礎腳手架,在專案開發的時候,可以直接利用這些現有的腳手架,免去了環境依賴配置的環節。

npm install -g yo
把yeoman的模組yo,-g安裝在全域性下。

安裝之後可以輸入

yo --version
檢視yeoman的版本號

到yeoman官網查詢到需要的專案生成器,在生成器名字前面加上generator。

mkdir test-yo
建立專案資料夾test-yo,使用yo+生成器模組,根據需求選擇配置,生成專案檔案。

gulp serve
瀏覽器就會開啟生成好的基礎專案了。

前端腳手架

腳手架目錄 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....

建立自己的腳手架工具

常用的腳手架工具 yeoman 用於建立腳手架開發的工具,居於node.js開發的 基本使用 先全域性安裝yeoman 的i o工具yo 使用yarn安裝 yarn global add yo 使用npm安裝 npm install yo global 還需安裝對應的generator 使用yarn...