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

相关推荐
孤水寒月3 小时前
基于HTML的悬窗可拖动记事本
前端·css·html
祝余呀3 小时前
html初学者第一天
前端·html
速易达网络6 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码
耶啵奶膘6 小时前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
视频砖家6 小时前
移动端Html5播放器按钮变小的问题解决方法
前端·javascript·viewport功能
lyj1689977 小时前
vue-i18n+vscode+vue 多语言使用
前端·vue.js·vscode
小白变怪兽8 小时前
一、react18+项目初始化(vite)
前端·react.js
ai小鬼头8 小时前
AIStarter如何快速部署Stable Diffusion?**新手也能轻松上手的AI绘图
前端·后端·github
葬歌倾城8 小时前
JSON的缩进格式方式和紧凑格式方式
c#·json
墨菲安全9 小时前
NPM组件 betsson 等窃取主机敏感信息
前端·npm·node.js·软件供应链安全·主机信息窃取·npm组件投毒