vue-cli搭建vue项目

在搭建项目时，需要编译babel，ts，less/sass，es6，使用webpack来配置项目虽然可以达到想要的效果，但是每次搭建项目时重复地搭建会浪费很多时间，在搭建vue项目时，使用vue-cli脚手架可以快速搭建响应式开发的demo。

使用vue-ui创建

输入vue ui

自动跳出一个图形化界面，点击左上角下箭头，然后点击项目管理器

会出现已经创建过的项目，点击创建创建新的项目

输入文件夹名字，点击下一步

选择预设要配置的插件，这里为了方便直接选择默认，然后点击创建项目

等待项目的创建

大功告成

使用命令行创建

vue create <目录名>

若是在当前目录下创建直接加.

选择Y则表示在当前目录下创建，N则返回原命令行

这里配置对应的插件，直接回车使用默认

等待框架搭载

npm run serve启动

这里的local就是我们打开项目的地址