打开cmd
![](https://img.haomeiwen.com/i16042706/207da692df6a8960.png)
首先确保已安装vue/cli
若未安装,先运行 npm install -g @vue/cli
安装完成后输入命令:vue ui
![](https://img.haomeiwen.com/i16042706/be63260939c160a9.png)
选择创建目录
![](https://img.haomeiwen.com/i16042706/29ba59da7e376bb8.png)
输入项目名
![](https://img.haomeiwen.com/i16042706/cce17e04acd901d4.png)
预设可以选择保存使用过的,也可以手动配置项目,这里选择的是手动配置
![](https://img.haomeiwen.com/i16042706/03b851ec123c7656.png)
功能面板中安装需要的插件,babel一定要添加
这里添加的插件如下图,eslint可以不安装
![](https://img.haomeiwen.com/i16042706/2cdd62600a812b97.png)
选择eslint格式
![](https://img.haomeiwen.com/i16042706/e60278d5aba71046.png)
安装elementUI组件 点击右上角添加按钮,搜索vue-cli-plugin-element,选中后点击安装按钮
![](https://img.haomeiwen.com/i16042706/36a20c16a2f976d1.png)
依赖面板中,点击右上角添加依赖,搜索axios,安装到运行依赖。
![](https://img.haomeiwen.com/i16042706/284a8267adf29049.png)
运行项目:点击运行,运行成功后点击启动app
![](https://img.haomeiwen.com/i16042706/ad9f2f3742f89344.png)
成功进入下面的页面就说明项目创建成功啦
![](https://img.haomeiwen.com/i16042706/c79207a3d5bc0f9f.png)
网友评论