创建和管理 vue3 项目

检查 npm 是否存在

》〉npm --version
11.3.0

通过 npm 安装 vue 最新版本

npm init vue@latest

> npx
> create-vue

┌  Vue.js - The Progressive JavaScript Framework
│
◇  请输入项目名称：
│  news
│
◇  请选择要包含的功能： (↑/↓ 切换，空格选择，a 全选，回车确认)
│  ESLint（错误预防）, Prettier（代码格式化）
│
◇  是否引入 Oxlint 以加快检测？（试验阶段）
│  No

正在初始化项目 /Users/ann/JavaDev/news/newsvue/news...

项目名称为 news 。

项目的默认配置选项 新创建项目默认选择了 no —— 这是默认值。

并且提示了后续的动作

项目初始化完成，可执行以下命令：

   cd news
   npm install
   npm run format
   npm run dev

| 可选：使用以下命令在项目目录中初始化 Git：
   
   git init && git add -A && git commit -m "initial commit"

在 news 的目录下，初始化项目

npm install 

added 289 packages, and audited 290 packages in 1m

74 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

npm run format 命令是用来执行 package.json 文件中定义的"format" 脚本。这个脚本通常用于格式化代码，例如使用Prettier 或ESLint 等工具来自动调整代码的格式，使其符合统一的代码风格。

简单来说，npm run format 相当于运行一个自定义的脚本，这个脚本被定义在你的项目中的 package.json 文件的 scripts 部分。通常，这个脚本会调用一个代码格式化工具来处理你的代码。

具体来说，这个命令做了以下几件事：

1. 1. 查找 package.json 文件:

   npm 会在当前目录及其父目录中查找 package.json 文件。

2. 2. 定位 scripts 部分:

   在 package.json 文件中，scripts 部分定义了一系列可以被执行的脚本命令。

3. 3. 执行"format" 脚本:

   当运行 npm run format 时，npm 会找到 scripts 中名为"format" 的脚本，并执行其中的命令。

4. 4. 调用代码格式化工具:

   通常，"format" 脚本会调用一个代码格式化工具，例如:
   • Prettier:一个流行的代码格式化工具，可以自动调整代码的缩进、空格、引号等，使其符合统一的风格。
   • ESLint:一个可配置的JavaScript 代码检查工具，也可以用来格式化代码。
   • 其他格式化工具:根据项目的具体需求，可能还会使用其他的代码格式化工具。

npm run dev 是一个在Node.js 项目中使用的命令，它用于执行 package.json 文件中 scripts 对象的 dev 属性定义的脚本。通常，dev 脚本用于启动开发环境，例如一个本地开发服务器，允许开发者进行实时编码并立即看到结果。

具体来说，当你在终端或命令行中输入 npm run dev 时，npm 会：

1. 查找 package.json 文件：:npm 会在当前目录及其父目录中查找 package.json 文件。
2. 定位 scripts 对象：:package.json 文件中包含一个 scripts 对象，其中定义了各种自定义脚本命令。
3. 执行 dev 脚本：:npm run dev 会找到 scripts 对象中名为 dev 的属性，并执行其对应的脚本命令。

dev 脚本的实际内容由项目开发者定义，通常会包含启动一个开发服务器、监听文件变化、执行编译任务等，以方便开发过程中的实时调试和反馈。例如，在前端项目中，dev 脚本可能启动一个带有热重载功能的本地服务器。

总而言之，npm run dev 是一个启动开发环境的快捷方式，方便开发者进行项目开发和调试。