vue-cli3+cubeUI快速搭建項目

想開發一個web項目,選擇vue.js框架,如何使用vue-cli3幫我們快速的搭建項目,選擇合適的參數配置呢?

vue-cli3腳手架可以快速的幫我們完成搭建,此外,也需要考慮選擇一個合適的UI庫,可以實現頁面的自適應以及快速構建一些常用功能等目標。

首先貼上官方vue-cli3地址,完全沒搭過的,可以順着看一看。

構建項目

首先,創建項目,指令如下一行。

vue create project-name

第二,要配置參數

可以選擇自動幫你配置參數,第一次嘗試構建項目指令的,可以嘗試看看,幫你快速構建。我選擇了手動配置,選擇了最基本需要的。比如router,css-precessor等。

至此,一個基本的項目就已經搭建好了。

選擇UI庫

在開發一個簡單的程序前,還有一些最基本的需求。比如頁面要做到能夠自適應各個移動端的尺寸。選擇UI框架,必定要能完成這一基本需求。文檔也要相對齊全,一直有維護,等等。

這裏選擇cube-ui,根據文檔,由於我們搭建的項目是利用的>vue-cli3的,利用安裝插件的方式即可

vue add cube-ui

其次還要做一定的配置,根據文檔的提示以及我們個人項目的需求,我們需要使用自適應模塊,所以配置選擇‘使用後編譯’。

 

至此,依照以上的步驟,就完成了一個簡單的vue項目的搭建。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章