1. 程式人生 > >如何快速的vue init 屬於自己的vue模板?

如何快速的vue init 屬於自己的vue模板?

dev pac 需要 自己的 cli bubuko 開啟 brush name

相信很多接觸過vue的小夥伴非常熟悉了,我們在開啟項目之前都需要vue init webpack xx來初始化自己的項目目錄。但是在實際開發中我們往往會根據公司要求或者業務的需要會對目錄進行局部的調整,那麽今天我們來說一說如何能夠創建自己的項目目錄機構,要做這個也是非常的容易了

首先,我們需要全局安裝 vue-cli

npm install vue-cli -g

  其次我們需要在自己的git倉庫中上傳想要應用的項目目錄結構。這裏的目錄結構我主要是參考vue官方的模板。在github上找到vue官方的webpack模板。項目的目錄結構如下

技術分享圖片

上傳到自己的git倉庫之後,我們就可以放心的來vue init自己想要的項目結構了

vue init username/repo my-project

  username為自己的git用戶名,repo是倉庫名

 cd my-project
$ npm install
$ npm run dev

  剩下來就是我們熟悉的節奏了,不足之處還請多多指教~

如何快速的vue init 屬於自己的vue模板?