可视化面板创建vue项目

本文介绍了如何在Windows环境下通过vue ui创建一个Vue项目。首先运行vue ui,选择项目存储位置并创建。接着填写项目信息,开启Git并选择初始化项目。在配置阶段,手动选择所需功能,不推荐选择linter/Formatter。关于ESLint,初学者可以选择错误预防功能。项目创建完成后,可按需求添加插件如vue-cli-plugin-element,并安装依赖如axios。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、在windows下运行
在这里插入图片描述
2.输入 vue ui
在这里插入图片描述
3.选择一个自己想存放项目的文件,点击创建按钮
在这里插入图片描述
4.填写信息创建,输入项目名,打开 git 按钮(默认打开),在输入框下输入 init project,点击下一步

在这里插入图片描述
5.在预计面板中选手动(根据自己的情况,配置项目)
在这里插入图片描述
6.选择自己想要的选项(选择合适的功能模块,不建议选择linter/Formatter,语法格式校验,挺烦的。)
在这里插入图片描述
7.如果选择了这项,会有下面的列表
在这里插入图片描述
SLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一
代码的风格,初学者不建议配置。选第三荐;翻译如下
Slint with error prevention: 具有错误预防功能的
ESlint; ESlint + airbnb config: ESlint + Airbnb 配置;
ESlint + Standard config: ESlint + 标准配置;
ESlint + prettier: ESlint + 漂亮 ;

在这里插入图片描述

8.点击创建项目后,弹出如下图,按自己需求来,然后完成项目创建。

在这里插入图片描述
9.接着跳到项目主页,按照自己项目要求选择插件和依赖。
在这里插入图片描述

  1. 安装 vue-cli-plugin-element 插件

在这里插入图片描述
对插件进行配制
在这里插入图片描述
11.在依赖中安装 axios
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值