如何在VSCode中打包Vue项目？

一、安装依赖

快捷键打开终端

在VS Code中，打开终端的快捷键为：Windows/Linux系统下按Ctrl + `` ，Mac系统下按Cmd + `` 。

在打包Vue项目之前，我们需要先安装项目所需的依赖。在Vue项目中，可以通过以下命令安装依赖:npm install

如果出现报错：在vs code 中无法运行npm并报无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查。

可能是环境变量未正确继承或终端配置不一致，

解决方法：https://www.cnblogs.com/wffzk/p/18985727

二、配置打包命令

在配置打包命令前，我们先需要安装Vue Cli。在终端输入以下命令来安装Vue Cli：

npm install -g @vue/cli

三、打包命令

现在，我们已经完成了Vue项目的配置，可以开始打包了。在终端输入以下命令来执行打包：

npm run build

如果报错“npm ERR! missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。构建脚本可以是任意有效的 Shell 命令或者其他命令，用于执行项目构建过程。

示例代码：

// package.json
{
  "name": "my-project",
  "version": "1.0.0",
  "scripts": {
    "start": "node server.js",
    "build": "webpack --mode production" // 示例构建脚本，使用 webpack 进行生产模式构建
  },
  "dependencies": {
    // 依赖列表
  }
}

在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。

定义了 “build” 脚本后，再次执行 npm run build 命令就可以正常执行构建过程，不再报错

四、压缩打包后的文件，压缩后的zip文件就是打包好的文件