IDEA打包VUE项目

￡神魔★判官ぃ 2023-10-10 17:14 69阅读 0赞

#### 目录 ####

*   *   *  1、找到 package.json ，右键选择 Open in Terminal 打开控制台
         *  2、输入 \`npm run build\` 进行打包
         *  3、控制台出现 Build complete 提示说明打包完成，可在 dist目录 下找到打包后的文件

--------------------

#### 1、找到 package.json ，右键选择 Open in Terminal 打开控制台 ####

![在这里插入图片描述][28dfc6833f254846a556d8aa6d203846.png]

--------------------

#### 2、输入 `npm run build` 进行打包 ####

![在这里插入图片描述][75a6f4fbb59748f2b371891ab0a47a2b.png]

--------------------

#### 3、控制台出现 Build complete 提示说明打包完成，可在 dist目录 下找到打包后的文件 ####

![在这里插入图片描述][d36f2a7c94e946bea01f1604f1bc4803.png]

注意：打包后的vue项目如果需要通过tomcat进行访问，需要在tomcat配置**静态资源访问**

--------------------

**tomcat配置静态资源访问：**[http://t.csdn.cn/USW7y][http_t.csdn.cn_USW7y]

[28dfc6833f254846a556d8aa6d203846.png]: https://img-blog.csdnimg.cn/28dfc6833f254846a556d8aa6d203846.png
[75a6f4fbb59748f2b371891ab0a47a2b.png]: https://img-blog.csdnimg.cn/75a6f4fbb59748f2b371891ab0a47a2b.png
[d36f2a7c94e946bea01f1604f1bc4803.png]: https://img-blog.csdnimg.cn/d36f2a7c94e946bea01f1604f1bc4803.png
[http_t.csdn.cn_USW7y]: http://t.csdn.cn/USW7y

发表评论取消回复

表情：

评论列表（有 0 条评论，69人围观）

还没有评论，来说两句吧...

相关阅读

相关 idea打包非maven项目

[在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4...

冷不防/ 2024年04月18日 22:56/ 0 赞/ 82 阅读

相关 IDEA打包VUE项目

目录 1、找到 package.json ，右键选择 Open in Terminal 打开控制台 2、输入 \`npm run

￡神魔★判官ぃ/ 2023年10月10日 17:14/ 0 赞/ 70 阅读

相关 vue项目打包

cd到项目目录下或在WebStorm中打开项目后的Terminal中输入以下命令: npm run build:prod 或者 npm run build

系统管理员/ 2022年11月19日 01:15/ 0 赞/ 261 阅读

相关 IDEA项目打包jar流程

1. 创建一个maven项目，书写代码. import java.io.FileOutputStream; import java.io.IOExcept

╰+攻爆jí腚メ/ 2022年08月29日 06:12/ 0 赞/ 250 阅读

相关 vue项目打包App

本地的vue项目打包成App。这里以Hbuilder为例。首选命令行进入项目的目录执行 npm run build ![20171223140548589][] 打包成功之

朱雀/ 2022年06月03日 08:23/ 0 赞/ 324 阅读

相关 IDEA打包普通web项目

背景：因为普通的web项目无法用maven命令进行打包，所以怎样打成war包发布呢？ 1.进入项目的结构配置 ![在这里插入图片描述][2019053109502256

ゝ一纸荒年。/ 2022年04月25日 09:42/ 0 赞/ 249 阅读

相关 idea maven项目打包jar

目的：使用idea对maven项目打包，打包成jar包注：我之前创建的项目是 springboot 项目，虽然也是用 pom 管理的，但是好像无法打包成这样的 jar。

比眉伴天荒/ 2022年04月15日 03:07/ 0 赞/ 336 阅读

相关 vue项目打包

打包命令 npm run build 命令执行完后，会生成一个dist目录，里面包含index.html的静态文件。注意点：默认配置情况下，会发现文件可以

男娘i/ 2022年02月24日 15:05/ 0 赞/ 364 阅读

相关 Vue项目打包

如果你还没有搭建Vue环境，请参考我的这篇文章\[[https://blog.csdn.net/u012577474/article/details/92849764][htt

柔情只为你懂/ 2021年09月20日 07:40/ 0 赞/ 522 阅读

相关 vue项目打包步骤

vue项目打包一、终端运行命令 npm run build 二、打包成功的标志与项目的改变，如下图： ![70][] ![70 1][] 3

你的名字/ 2021年09月15日 14:50/ 0 赞/ 527 阅读