【vue3项目初始化配置】vue3 + element plus

原创

已于 2024-01-19 07:55:44 修改 · 1.8k 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2024-01-18 18:28:55 首次发布

项目初始化是开发过程中很重要的一个环节，本篇博客带大家从零开始创建并初始化一个vue3项目，文章详细介绍了每个步骤，希望能帮助刚接触开发的小伙伴。

一.创建项目

1.在终端（cmd）输出命令 vue ui

如果输入命令没有反应，可以用 vue-h 查看有没有 ui [options]这个选项

如果没有则输入

cnpm i -g @vue/cli        // 回车
vue -h            // 这时有ui[options]了

在cmd输入：vue ui 就可以成功启动Vue项目管理器了！

2.选择项目存储位置，创建项目

3.输入项目名称，选择包管理容器，这里我选择的是·pnpm（大家随意）。

4. 我在这里又选了Router、Babel、Linter/Formatter，大家可跟具体情况而定
点击回车，进入下一层选择。

5.版本选择vue3 ，路由选择hash（hash和history最直观的区别是hash的ur多个#），linter/formatter选择 ESLint + Standard config

? Pick a linter / formatter config:
  ESLint with error prevention only  // 只进行报错提醒
  ESLint + Airbnb config             // 不严谨模式
  ESLint + Standard config           // 正常模式
  ESLint + Prettier                  // 严格模式