使用vue-ui来创建项目并安装vue-cli-plugin-element插件
2018-10-26 09:43
951 查看
vue-ui的使用
在要新建项目的目录下打开cmd,输入:
[code]vue ui
此时浏览器会弹出窗口,如果不弹出,手动输入提示的url。
打开浏览器的页面如下:
点击中间的创建
点击在此创建项目
输入项目文件夹,以及包管理器,这里选择npm,点击下一步
选择一套预设,这里选择默认,后续可以自己手动配置或者远程从git仓库拉取。
选择完成后,点击创建项目
此时会提示正在安装Vue Cli插件,等待一段时间,创建完成后如下
安装vue-cli-plugin-element插件
点击右上角添加插件,输入插件名字:vue-cli-plugin-element、
点击第一个,点击安装vue-cli-plugin-element
然后点击完成安装
可以到插件里看到已经安装成功
运行项目
点击任务,选择server,再点击运行,可以查看输出以及控制台
运行结果
阅读更多
相关文章推荐
- 使用vue-cli创建项目(包含npm和cnpm的安装nodejs的安装)
- 使用 vue-cli + element-ui 快速搭建项目
- 使用 vue-cli + element-ui 快速搭建项目
- vue-cli安装element-ui及分页组件使用
- 用npm安装vue和vue-cli,并使用webpack创建项目
- 用npm安装vue和vue-cli,并使用webpack创建项目的方法
- 使用ES6+vue+elementui+webpack搭建简单项目
- 在vue项目创建的后初始化首次使用stylus安装方法
- Vuejs实例-使用vue-cli创建项目
- vue项目中,element组件的安装和使用的方法
- vue-cli快速构建工程 ElementUI axios router 引入使用
- 如何在 Vue-cli 创建的项目中引入 iView组件UI
- vue-cli的使用,创建项目,教程,上手,vue脚手架的使用
- 使用 vue-cli 可以快速创建 vue 项目
- 在vue项目中使用element-ui的Upload上传组件的示例
- 在vue项目中安装使用Mint-UI的方法
- 使用vue-cli 创建vue2.x项目中使用vue-router 与之前的区别
- vue新建项目(二)安装element-ui
- mave插件的安装和使用maven创建项目详细解说
- 使用vue-cli创建项目