可视化面板创建vue项目

最新推荐文章于 2024-10-22 11:57:00 发布

原创最新推荐文章于 2024-10-22 11:57:00 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

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

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 + 漂亮 ;