vue package.json Script配置讲解

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 命令,以安装所需的依赖项。

相关推荐
慧一居士27 分钟前
<script setup>中的setup作用以及和不带的区别对比
前端
RainbowSea1 小时前
NVM 切换 Node 版本工具的超详细安装说明
java·前端
读书点滴1 小时前
笨方法学python -练习14
java·前端·python
Mintopia1 小时前
四叉树:二维空间的 “智能分区管理员”
前端·javascript·计算机图形学
Mintopia1 小时前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
Penk是个码农1 小时前
web前端面试-- MVC、MVP、MVVM 架构模式对比
前端·面试·mvc
markyankee1011 小时前
Vue.js 入门指南:从零开始构建你的第一个应用
vue.js
MrSkye1 小时前
🔥JavaScript 入门必知:代码如何运行、变量提升与 let/const🔥
前端·javascript·面试
白瓷梅子汤1 小时前
跟着官方示例学习 @tanStack-form --- Linked Fields
前端·react.js
爱学习的茄子2 小时前
深入理解JavaScript闭包:从入门到精通的实战指南
前端·javascript·面试