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

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