如何用vue-cli3搭建vue项目并设置VS Code自动格式化代码？

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

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

在终端中运行以下命令:

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

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

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

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

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

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

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

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

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

项目创建完成后， cd 进入项目根目录， 例如： cd vue-project 然后，在根目录运行命令： npm run serve 启动项目，然后浏览器打开： localhost:8080 就能看到初始项目了。