使用vue-ui来创建项目并安装vue-cli-plugin-element插件

vue-ui的使用

在要新建项目的目录下打开cmd,输入:

vue ui

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第1张图片

此时浏览器会弹出窗口,如果不弹出,手动输入提示的url。

打开浏览器的页面如下:

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第2张图片

点击中间的创建

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第3张图片

点击在此创建项目

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第4张图片

输入项目文件夹,以及包管理器,这里选择npm,点击下一步

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第5张图片

选择一套预设,这里选择默认,后续可以自己手动配置或者远程从git仓库拉取。

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第6张图片

选择完成后,点击创建项目

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第7张图片

此时会提示正在安装Vue Cli插件,等待一段时间,创建完成后如下

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第8张图片

安装vue-cli-plugin-element插件

点击右上角添加插件,输入插件名字:vue-cli-plugin-element、

点击第一个,点击安装vue-cli-plugin-element

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第9张图片

 

然后点击完成安装

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第10张图片

可以到插件里看到已经安装成功

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第11张图片

运行项目

点击任务,选择server,再点击运行,可以查看输出以及控制台

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第12张图片

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第13张图片

运行结果

使用vue-ui来创建项目并安装vue-cli-plugin-element插件_第14张图片

你可能感兴趣的:(Vue)