vue專案內自動生成頁面，zash cli

a ****** cli for generating pages into your projects

author：zwf193071

e-mail: [email protected]

date: 2020/07/29

這些頁面都是相似的，為何要反覆的拷貝來拷貝去？好不容易拷貝完，還得為新增的頁面新增路由、左側選單和麵包屑導航的功能，555…不甘心將時間浪費在這些細枝末節上，於是擦乾眼淚，擼起袖子做了一套自動化生成頁面的工具，希望能給後面的讀者一些啟示。

一款為公司內部vue專案特定的cli工具，亦可基於此進行改造，現支援create命令，可生成單頁或帶tab的多頁面，自動注入新頁面功能至路由、麵包屑及選單導航等元件內

全域性安裝zash-cli。npm install -g zash-clior

git clone cd zash-cli && npm install npm link

開啟terminal或 cmd ，輸入zashorzash -h，你將看到如下資訊:

usage: zash [options] [command] options: -h, --help output usage information commands: create create a new file powered by zash-cli run zash --help for detailed usage of given command.

在你想生成頁面的專案內的根目錄下，新建pageconf.js檔案，**如下所示：

/** * 自動生成檔案的相關配置資訊 * @param parentfolderpath 父檔案位址，相對於根路徑 * @param routerpath 路由檔案位址 * @param breadpath 麵包屑導航位址 * @param parentname 父選單名字 * @param leftmenupath 左側選單檔案路徑 * @param author 當前檔案的建立者 * @param title 檔案標題，與增刪改的提示資訊相關 * @param isdrawer 是否有抽屜，預設為true，表示增刪改功能皆有 * @param geturl 列表請求介面位址 * @param addurl 新增介面位址 * @param deleteurl 刪除介面位址 * @param childrenvalues 子頁面的模組名稱 * @param childrennames 子頁面的標題 * @author zhuwenfang * @createtime 2020-07-28 */exports.conf = ;

這個命令會建立新頁面元件test.

在你想注入路由的檔案內，寫上// $h和// $f，當執行命令成功後，會在該路由檔案，根據該注釋語句佔位符，自動匯入test的路由

左側選單和麵包屑導航亦是根據上述原理自動注入生成

vue專案內自動生成頁面，zash cli

vue 專案頁面顯示 pdf

Vue專案實現頁面重新整理

vue檔案快速生成頁面模板

vue專案內自動生成頁面，zash cli

vue 專案 頁面顯示 pdf

Vue專案實現頁面重新整理

vue檔案快速生成頁面模板

相關推薦

vue 專案頁面顯示 pdf