一款超輕量的Vue+ElementUI腳手架

YaHuiLiang(Ryou)發表於2018-06-26
VueUI

這是一塊我們團隊開發的前端腳手架-kr-vue-startkit。主要整合了Vue+Vuex+ElementUI+less+Axios。並實現了專案初期的基本骨架。目前已經在公司內部大面積使用。目前僅支援單頁SPA構建。如果需要其他配置，需要自己修改構建配置。

這個腳手架主要用來解決在嚴重缺乏高階工程師的情況下，新專案構建混亂的問題。為開發者提供一個基礎的專案骨架，快速進行業務開發。

同時，對依賴的第三方依賴進行了版本的限制，而這些版本都是在我們業務線充分實踐和驗證的穩定版本。這樣可以避免大家在專案初期踩坑。

目前整合的第三方庫版本：

  • "axios": "0.18.0",
  • "element-ui": "2.2.2",
  • "less": "^3.0.4",
  • "less-loader": "^4.1.0",
  • "normalize.css": "^8.0.0",
  • "vue": "^2.5.16",
  • "vue-router": "3.0.1",
  • "vuex": "3.0.1"

整合的構建工具：

  • vue-cli 3.0.0 beta15

eslint配置：

  • airbnb （少許改動，更符合vue開發。具體見構建的專案中package.json）

使用方法：

  npm install -g kr-vue-startkit
複製程式碼

構建專案：

  kr-vue-startkit init <專案名稱>
複製程式碼

按提示輸入資訊：

  description：<專案描述>
  author: <作者>
  downloading。。。。。。
  npm run serve
複製程式碼

主要開發者是一個小帥哥哦

相關文章