如何用vue-cli3搭建Vue项目并让VS Code自动格式化代码?

2026-04-09 17:030阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1108个文字,预计阅读时间需要5分钟。

如何用vue-cli3搭建Vue项目并让VS Code自动格式化代码?

在终端中运行以下命令:`vue create xxx // xxx为项目名称,例如:vue-project`。系统会提示选择默认配置或手动选择功能。使用下箭头键手动选择功能,然后按Enter键确认。

在终端中运行以下命令:

vue create xxx // xxx为项目名称,例如 vue-project

然后,系统会提示我们选择默认预设或手动选择功能。使用向下箭头键,我们手动选择功能,然后按Enter键。

然后,我们将看到一系列功能选项。使用向下箭头键,我们将向下移动并使用空格键选择需要的功能,然后按回车键。

Linter / Formatter 就是代码风格。 我们将使用 ESLint + Prettier

我们将在保存时添加Lint的附加功能。

我们将选择单独的配置文件。

我们可以选择是否将这些所有的设置保存起来,下次生成项目时,直接使用。这里不需要,就选择 N

如果你想储存下来,这是设置会储存在 .vuerc 用户主目录中指定的 JSON 文件中。

这里我们选择 npm 作为包管理器。

阅读全文

本文共计1108个文字,预计阅读时间需要5分钟。

如何用vue-cli3搭建Vue项目并让VS Code自动格式化代码?

在终端中运行以下命令:`vue create xxx // xxx为项目名称,例如:vue-project`。系统会提示选择默认配置或手动选择功能。使用下箭头键手动选择功能,然后按Enter键确认。

在终端中运行以下命令:

vue create xxx // xxx为项目名称,例如 vue-project

然后,系统会提示我们选择默认预设或手动选择功能。使用向下箭头键,我们手动选择功能,然后按Enter键。

然后,我们将看到一系列功能选项。使用向下箭头键,我们将向下移动并使用空格键选择需要的功能,然后按回车键。

Linter / Formatter 就是代码风格。 我们将使用 ESLint + Prettier

我们将在保存时添加Lint的附加功能。

我们将选择单独的配置文件。

我们可以选择是否将这些所有的设置保存起来,下次生成项目时,直接使用。这里不需要,就选择 N

如果你想储存下来,这是设置会储存在 .vuerc 用户主目录中指定的 JSON 文件中。

这里我们选择 npm 作为包管理器。

阅读全文