vue package.json Script配置讲解

爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ2023-11-08 2:02

Vue 项目的 scripts 配置如下：

复制代码

"scripts": {
  "dev": "vite --force",
  "build": "vite build",
  "build:docker": "vite build --outDir ./docker/dist/",
  "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
  "prettier": "prettier --write ."
}

这些是常见的脚本命令，用于开发、构建、检查代码质量和格式化代码。下面是每个命令的简要说明：

复制代码

dev: 运行开发服务器，使用 Vite 构建和热重载你的项目。使用 npm run dev 命令来启动开发模式。

build: 使用 Vite 构建生产环境的项目。使用 npm run build 命令来执行构建操作。构建后的文件将生成在默认的输出目录中。

build:docker: 使用 Vite 构建生产环境的项目，并将输出文件保存到指定的目录（./docker/dist/）。这个命令可能是为了在 Docker 容器中部署项目而设置的。

lint:eslint: 使用 ESLint 对项目中的 JavaScript、TypeScript 和 Vue 文件进行代码质量检查，并尝试自动修复一些问题。使用 npm run lint:eslint 命令来运行检查。

prettier: 使用 Prettier 对项目中的文件进行代码格式化，以确保一致的代码样式。使用 npm run prettier 命令来运行格式化操作。

你可以根据需要选择适当的命令来运行你的项目。例如，如果你想在开发模式下运行项目，可以使用 npm run dev 命令。如果你想构建生产环境的项目，可以使用 npm run build 命令。

记住，在运行这些命令之前，确保已经在项目目录下执行了 npm install 命令，以安装所需的依赖项。