美文网首页Vue
可视化创建Vue项目

可视化创建Vue项目

作者: 正义妹 | 来源:发表于2020-02-16 15:47 被阅读0次

打开cmd

首先确保已安装vue/cli

若未安装,先运行 npm install -g @vue/cli

安装完成后输入命令:vue ui

选择创建目录

输入项目名

预设可以选择保存使用过的,也可以手动配置项目,这里选择的是手动配置

功能面板中安装需要的插件,babel一定要添加

这里添加的插件如下图,eslint可以不安装

选择eslint格式

安装elementUI组件 点击右上角添加按钮,搜索vue-cli-plugin-element,选中后点击安装按钮

依赖面板中,点击右上角添加依赖,搜索axios,安装到运行依赖。

运行项目:点击运行,运行成功后点击启动app

成功进入下面的页面就说明项目创建成功啦

相关文章

网友评论

    本文标题:可视化创建Vue项目

    本文链接:https://www.haomeiwen.com/subject/lddpfhtx.html