IDEA打包vue工程

最新推荐文章于 2025-03-07 18:36:49 发布

颜值大帝本帝.

最新推荐文章于 2025-03-07 18:36:49 发布

阅读量1.4k

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_52674099/article/details/130681832

版权

1.找到package.json文件

2.右键，open in Terminal

3.在Terminal中键入 npm run build

4.等。。。。。

5.打包完成

6. 出现dist包

7.右键,open in Explorer,外部文件夹访问就可以找到dist的存放位置啦 (> , <)!

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

颜值大帝本帝.

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

IDEA创建Vue项目

easyJob

08-21

947

※基础知识： A.node.js Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞I/

java开发——idea下运行vue工程

qifengsunny的博客

04-15

2316

以下教程将从头完成idea开发工具运行vue项目的全过程一、准备工作： 1.1 idea下载安装：https://blog.csdn.net/qq_15903671/article/details/81739295 1.2 node.js下载安装：https://blog.csdn.net/qq_15903671/article/details/82052035 1.3 npm 下载安装...

1 条评论您还未登录，请先登录后发表或查看评论

vue项目Intellij IDEA上前端打包

12-16

1万+

Intellij IDEA搭建vue-cli项目，VUE前后端分离项目的打包、发布，vue项目开发环境搭建

IDEA打包VUE项目

weixin_52116015的博客

04-18

3003

idea打包vue项目 tomcat配置静态资源访问

前端vue项目打包及部署的详细说明

最新发布

爱分享的程序员

03-07

3581

以下是 Vue 项目打包及部署的详细指南，涵盖本地构建、生产环境配置、常见部署方式及优化建议：

idea编译打包前端vue项目

aa1382525的专栏

01-22

2681

这个很好理解因为我是Windows的环境是执行不了shell脚本的，可能别人开发的时候用的mac电脑；后续我也找了很多变通的方法试图能在编译的时候能用直接用这个shell脚本，比如搜索"idea 运行 shell脚本"这样的关键字大概会让你装bashsupport插件（只支持老版本的idea 新版本的idea只能用bashsupport pro但是是收费的，目前也没有可替代的其他插件）或者在设置Tools>terminal的Shell path为 git bash的路径。

创建的vue项目--打包

醉殇姒若梦遗年ツ的博客

01-30

2928

自创建的项目（未使用项目框架），使用weabpack打包，若出现空白页；若加载图片（img标签）成功，加载背景图片（css中）和字体文件失败。

使用 Idea 运行打包已有的 vue 项目新手教程！

wangjw.bug

11-09

3042

使用 Idea 运行打包已有的 vue 项目新手教程！

从头搭建VUE环境，使用IDEA 2021创建VUE项目

Klee2020的博客

03-10

8466

从零搭建VUE环境 IDEA 2021 创建VUE工程

Vue简单快速上手 idea版

wifi是只狗

11-28

1624

文章目录

Idea中打包vue项目

u011010220的博客

12-16

1万+

首先使用idea打开vue工程，并在vue工程中找到其根目录的文件，package.json 右击package.json文件，选择右击菜单下的open in terminal选项这时打开terminal控制台，会根据选择的package文件路径自动切换到此文件所在路径上在控制台输入npm run build，准备开始进行打包提示如下信息，说明打包工作已经开始等最后提示如下信息时，打包完成。已经打完的包可在同级..

详解vue项目的构建，打包，发布全过程

11-27

很多朋友对于VUE项目的一系列流程不熟悉，小编根据网友提出的问题，整理了关于vue项目的构建打包发布全过程，希望对你有用。一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了 2、安装脚手架此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览，使用vue全家桶制作自己的博客。现在就有我来说说如何讲vue项目发布到github上之前写过vue环境搭建可以参考： vue环境搭建二、vue项目的打包 1、大家都知道使用npm run build进行打包，这个时候你直接打开dist/下的index.html,会发现文件可以打开，但是

vue项目详细搭建步骤

04-02

详细描述怎么搭建vue项目，nodejs安装，idea支持，以及vue打包部署

idea打包项目

12-25

把idea的springboot项目生产war包、springboot项目导出war包

IDEA打包应用程序的教程图解

08-18

主要介绍了IDEA打包应用程序的教程，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

idea vue 打包_mall改造：vue环境的搭建

weixin_39672680的博客

01-20

157

一、使用之前，我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装)开始：下载好就下一步，下...

IDEA打包vue项目成移动端app

weixin_39145193的博客

11-07

5080

1.需要的工具 IDEA,HBuilder 2.打包过程 1）首先在项目中package.json中操作build:vue指令，项目会生成dist文件夹 3.用HBuilder直接打包移动端app 先新建移动端app,然后删除项目下除了manifest.json所有的文件，然后将第一步中dist文件夹下的文件都拷贝到项目下，然后选择发行-打包原生安装包 ...

IDEA中Vue开发环境搭建

热门推荐

yinshengchen的博客

04-18

1万+

要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。

使用IDEA后端java代码打包为jar，使用Nginx打包前端Vue

qq_62015542的博客

01-17

3544

使用IDEA后端java代码打包为jar，使用Nginx打包前端Vue

idea 打包vue

01-09

### 在 IntelliJ IDEA 中打包 Vue.js 项目的教程 #### 安装必要的插件和支持环境为了顺利进行 Vue.js 项目打包，在 IntelliJ IDEA 中需确保已安装 NodeJS 和 Vue.js 插件。通过 `File -> Settings -> Plugins` 输入 vue 进行搜索并安装所需插件[^1]。 #### 配置 npm 或 cnpm 环境变量遇到 `'npm' 不是内部或外部命令...` 的错误提示是因为系统未能识别 npm 命令，这通常意味着全局环境中缺少 npm 路径配置。解决方法是在系统的环境变量 Path 下添加 nodejs 的安装路径，例如 `C:\Program Files\nodejs\`。对于使用 cnpm 用户，则应确认其已被正确设置于环境变量中[^2]。 #### 使用终端执行构建操作一旦上述准备工作就绪，可以通过 IntelliJ IDEA 自带的终端来启动开发服务器或是执行打包指令。具体来说就是打开 IDE 底部的 Terminal 栏位，进入项目根目录后输入如下命令来进行生产环境下的资源压缩与优化： ```bash npm run build ``` 该命令依据 package.json 文件内的 scripts 字段定义，调用了 webpack 构建工具完成整个前端应用的编译过程，并将最终产物放置在指定文件夹内，默认情况下可能是 dist/ 目录下。 #### 处理依赖项缺失问题当面对类似于 "程序包不存在，找不到符号" 的 Maven 错误时，尝试对父级 POM.xml 执行 install 操作可能是一个有效的解决方案。即右键单击 pom.xml 文件选择对应的 maven install 动作，以此确保所有子模块所需的库都被下载下来[^3]。