vue init定製團隊模板使用方法

2021-09-27 12:44:54 字數 1306 閱讀 5337

每次做專案都要自己搭建專案目錄,或者換了公司就的重新搭建專案目錄,是不是很麻煩呢?有沒有想過一次性把專案目錄搭建好,以後直接用呢?你首先想到的可能是複製自己原來的專案,然後刪除、修改等等。然而有個更方便的方法,那就是用vue init乙個本地或者git上的目錄結構。下面我將分別分享如何快速建立本地目錄和git上的目錄。

一、生成本地目錄結構

vue  init

說明:「pc上的檔案路徑「為你已經寫好的目錄結構的位置,也就是你向github發布之前的目錄結構位置;project-name是你的專案名,你可以任意寫。例如: vue init ../../template vuedemo

二、生成git上目錄結構

vue init

說明:「username」為你git的使用者名稱;repo為你使用者名稱下的乙個庫名,也就是你發布的模板庫,當然用別人的庫就寫別人的使用者名稱了;project-name為你的專案名,你可以任意寫。例如: vue init zhdsh/vux vuxdemo

接下來的操作就和你熟悉的vue init webpack project-name一樣了。

說到這裡,不得不提一下模板怎麼寫了,有些東西是要詢問是否要安裝的,對不?

先看圖

目錄結構需要放在template中,meta.json就是初始化專案的時候詢問你一些資訊的相關配置。

上面這個圖是我的專案中的template中的目錄結構

meta.json/meta.js怎麼寫呢?我只是略懂一點,你可以搜一搜,借鑑一下vue官網的。

我是這樣大致寫的

,

"version": ,

"description": ,

"author": ,

"completemessage": "請按以下步驟啟動,耐心等待:\n\n }cd }\n }npm i\n npm run dev 或者 npm start"

}

那麼這個相對的配置如何與專案聯絡起來呢?我們知道專案相關的依賴全部在package.json中配置,同樣這個meta.json相關的詢問在package.json中也是一一對應的。

更多專業前端知識,請上

【猿2048】www.mk2048.com

定製storefront模板

學習storefront模板發現,整個模板基於wordpress的外掛程式機制,通過動作 do action add action remove action 定義模板各個模組的順序和位置。和woocommerce的機制一致。和學習的另乙個模板tyche完全不一樣,tyche模板是通過sidebar...

dynamics crm 團隊及團隊模板

近期整理報表許可權時,發現如下查詢指令碼 select top 1 a.accountid from teambase tm inner join teammembership ts on ts.teamid tm.teamid and tm.regardingobjectid a.accounti...

免費和高階定製後台管理模板

後台管理在介面設計中占有重要的一席。管理面板的設計是非常重要,必須是乾淨的,簡單的。例如,如果你是乙個購物 或遊戲 你絕對需要乙個高度可定製的管理模板的管理員。html5 css3的管理區模板是專為應用程式和主題的開發人員希望他們的管理儀表板。忘記使用乙個基本的管理模板,這個主題是jquery的表建...