想開發一個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項目的搭建。