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项目的搭建。