首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当vue-cli-service构建完成时,该过程不会自动关闭。

这是因为vue-cli-service是一个命令行工具,它提供了一些用于开发和构建Vue.js项目的命令。构建过程完成后,它会等待进一步的命令或操作。

为了关闭构建过程,可以按下Ctrl + C组合键来终止当前正在运行的命令。这将停止vue-cli-service的执行并关闭构建过程。

Vue.js是一个流行的前端开发框架,它使用了MVVM(Model-View-ViewModel)的架构模式。vue-cli-service是Vue.js官方提供的一个命令行工具,用于创建、开发和构建Vue.js项目。

在构建过程中,vue-cli-service会执行一系列的操作,包括编译Vue组件、打包JavaScript和CSS文件、优化代码等。这些操作可能需要一些时间,特别是在项目较大或依赖较多的情况下。

在构建完成后,可以根据需要执行其他操作,例如启动开发服务器、运行单元测试、部署到服务器等。因此,vue-cli-service默认不会自动关闭,以便用户可以继续使用它执行其他命令。

如果需要在构建完成后自动关闭vue-cli-service,可以使用一些工具或脚本来实现。例如,可以编写一个简单的脚本,在构建完成后执行关闭命令。具体的实现方式取决于项目的需求和使用的工具。

总结起来,当vue-cli-service构建完成时,该过程不会自动关闭,需要手动终止当前正在运行的命令。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【Vue】Vue与ASP.NET Core WebAPI的集成

(因为前端已启动完成),只是把前端请求静态资源的请求代理到前端调试服务器。...5.1 集成调试 保持上面的配置与代码不变,直接运行ASP.NET Web API Vue将会自动构建,并与ASP.NET Core WebAPI项目将会集成运行,通过访问localhost:port便可以调试访问应用...ASP.NET Core 应用时,它不会启动 Vue dev 服务器, 而是使用手动启动的实例。...最重要一步来了,发布构建好的静态文件随着WebAPI一起发布,而不需要,单独执行npm run build然后手动拷贝,这里还是用到了MSbuild,所以同样需要修改csproj文件,增加publish...拷贝构建好的dist文件夹内容到发布文件夹中 这时再通过Visual Studio后者命令发布,就会同步构建前端项目,发布后端API且包含前端构建后的dist文件。

2.2K31

前端工程化那些事

,而Parcel不需要安装 less, 检测到 less 文件 Parcel 将会自动转换。...换句话说:Parcel能做到无配置完成项目构建要求,简单! ? 优势在于:打包时间也更快!...,慢慢被替换替代,不推荐使用 3.Mock 服务 Mock 指是解决前端在完成页面搭建后,此时需要联调后端接口,后端接口尚未开发完成,还无法联调前端可以先按照事先与后端约束好的数据结构来模拟接口数据来走完开发...,统一代码风格 5.单元测试 单元测试是工程化中用来确保项目质量及代码质量的一个环节,虽然测试并不能直接地减少bug,但是可以减少因为反复修改过程中新生成的bug,因为当你修改代码,很容易忽略之前设定的一些逻辑...假设:如:test('formatTime()默认格式,返回时间格式是否正常', () => {}) 指定完成测试所要达成的条件 :所要执行的操作,如:date.formatTime(1586934316925

1.5K30

工程化能力必备技能,前端 jenkins 自动化部署持续集成

需要更新测试环境版本,测试同事需要手动操作以下过程。 连接打包服务器 打开svn管理工具,找到目标svn版本号并拉取项目 拉取项目后,打开命令行,下载依赖。 等待依赖下载结束后。...如果遇到同一间不同项目组打包项目,打包和部署服务器就要排队使用,测试人员只能在等待中浪费时间。为了解决这些问题,选择寻找合适的持续集成方案。来自动完成重复的步骤。...Exec command 中的命令在不同的操作系统中是不一样的,系统为unix系统,执行的为unix命令。为windows系统,执行的为批处理命令。...完成以上配置后,保存此任务。 在远程机器添加批处理文件 配置的目标机器为windows系统,文件会被送到配置远程链接的账户所属用户文件夹下。...一个自动构建和部署的过程完成了。 实际构建时间需要40秒~70秒,但对于手工操作来说要强太多了。

1.4K11

【nodejs原理&源码赏析(9)】用node-ssh实现轻量级自动化部署

基于nodejs的自动部署 4.1 package.json中的scripts 了解了手动部署的过程后,就可以通过自动化脚本来实现后续的更新和部署。.../scripts/deploy/deploy.js" }, ... } 输入npm run deploy或yarn deploy,实际上就相当于用node去执行....4.2 自动化发布脚本deploy.js 自动化发布脚本需要完成这样几个任务: 将打包出的dist压缩为zip包 使用SSH连接部署服务器,将zip包发上去 上传完毕后,启动事先写好后续任务并放在服务器上的...node-ssh提供了上传本地目录的方法,但实际使用过程中发现并不稳定,从告警信息来看是node-stream模块在传送将不同格式的文件转换为流可能会出现异常,实测大约有一半概率触发,尝试修改了一些配置参数并未解决...; process.exit(0); } }); } 4.3 远端脚本deploy.sh 发布包上传至远程服务器后,剩余的工作在远端来完成就可以了,你只需要将后续的工作写进

1.7K20

基于 Vue-cli 3x的项目部署

之前在vue项目发布部署过程中,把流程梳理下来,做个小分享。 项目中涉及使用了 vue-cli 3x脚手架、自动化部署工具jenkins、nginx等。...Vue-cli package.json的配置 "scripts": { "serve": "vue-cli-service serve ", "build": "vue-cli-service...举个例子:我们看到 生产环境模式 build_production 与 测试环境模式 build_test 的区别就是后面中的 “ -- mode ” mode的配置 在产品开发过程中,一般需要经过本地开发...简单的理解就是 你执行npm run build_test,设置的环境变量就是从.env.test 中获取,创建也是依照.env....jenkins上的配置 Source Code Management 首先是代码仓库的配置 image.png Build Triggers 选择build的触发模式,默认是手动触发,支持代码触发构建和定时构建

76321

【架构师(第三十五篇)】 业务组件库开发之使用 Rollup 进行打包

---- 打包工具简介与对比 Webpack 大型 SPA 项目的模块化构建,也就是常说的 web 应用。...不管 import 的语句位置出现在哪里,在模块初始化的时候,所有的 import 都必须导入完成。 使用工具静态分析的过程 Tree shaking ,摇树,让死了的叶子掉下来。...简化 web 开发的环节,图片自动转 base64,资源的缓存(添加 chunkID)。 Rollup 的优势 构建高性能的模块文件,这正是类库所需要的。...不会被打包。 每个文件编译一次,永久被缓存。 一个文件修改的时候,只需要重新 build 那一个文件。...{ "name": "lego-component", "version": "1.0.0", "private": true, "scripts": { "serve": "vue-cli-service

90241

使用CLI开发一个Vue3的npm库

前言 前几天写了一个Vue的自定义右键菜单的npm库,主要讲了插件的设计思路以及具体的实现过程,插件的开发流程没有细讲。...删除默认创建的文件,配置依赖项 配置打包命令 配置CSS内联 添加库描述 发布至npm 实现过程 接下来带着大家动手操作下上述步骤。...build --target lib --name myLib [entry]命令,将一个单独的入口构建为一个库。...,在引用插件就会报错声明文件不存在,因此我们需要额外做下述操作: 在tsconfig.jsonz中添加下述代码,打包在项目的指定位置自动生成配置文件。...opts.happyPackMode = false; return opts; }); } }, parallel: false }; 做完上述操作后,我们运行打包命令就能自动生成声明文件了

58820

三面面试官:运行 npm run xxx 的时候发生了什么?

我赶紧问问了大佬朋友这一过程到底是发生了什么 经过一番讨论,终于找到了答案。 不服输的我,赶紧回拨了面试官的电话号码。 我:喂,面试官,您好,我已经找到答案了,可以麻烦您再听一下吗?...由此我们可以知道,使用 npm run serve 执行 vue-cli-service serve ,虽然没有安装 vue-cli-service的全局命令,但是 npm 会到 ....所以在 npm install ,npm 读到配置后,就将该文件软链接到 ..../node_modules/.bin 目录下,而 npm 还会自动把node_modules/.bin加入$PATH,这样就可以直接作为命令运行依赖程序和开发依赖程序,不用全局安装了。...# unix 系默认的可执行文件,必须输入完整文件名 vue-cli-service # windows cmd 中默认的可执行文件,当我们不添加后缀名自动根据 pathext 查找文件 vue-cli-service.cmd

1.4K30

vue-cli-service: command not found报错引发的血案

这个命令找不到,那就全局安装 npm install -g vue-cli-service 方法一和方法二上面其实已经尝试过了,是不行的,方法三虽然可能可行,但是显然全局安装 vue-cli-service...当我们在工程目录下的终端执行 yarn serve ,首先会去工程根目录下的 package.json 中的 scripts 字段查询是否有可执行的脚本,ant-design-vue-pro 是这么写的...: { "scripts": { "serve": "vue-cli-service serve" } } 运行 yarn serve 就相当于执行的是 vue-cli-service...([Y]es/[n]o/[a]lways/n[e]ver) 通常遇到这个提示的时候我不会很在意,一般都会选择 Yes,这样如果我们的工程下存在 .env 文件,zsh 终端会自动读取环境变量,并设置到当前环境中...终端启动的时候自动解析了工程根目录下的 .env 配置文件,配置文件里面恰巧又将 NODE_ENV 环境变量设置成了 production,导致 package.josn 中 devDependencies

2.2K20

使用vue封装右键菜单插件

在做这个插件的过程中,踩了蛮多坑,本文就跟大家分享下我的实现思路以及过程,欢迎各位感兴趣的开发者阅本文。...build --target lib --name myLib [entry]命令,将一个单独的入口构建为一个库。...,在引用插件就会报错声明文件不存在,因此我们需要额外做下述操作: 在tsconfig.jsonz中添加下述代码,打包在项目的指定位置自动生成配置文件。...opts.happyPackMode = false; return opts; }); } }, parallel: false }; 做完上述操作后,我们运行打包命令就能自动生成声明文件了...触发右键事件,如果menuVM不为null,表示它上次点开的右键菜单没关,这样就会出问题,因此我们也需要将其从body中移除 实现过程 分析出实现思路后,接下来我们就着手将其实现吧。

2.6K30

vite基本配置教程

最近做项目要求将webpack打包方式换成vite,下面将详细讲解一下配置vite需要修改哪些文件,以及过程中踩到的奇葩坑。...目录中的文件在开发期间在 / 处提供,并在构建期间复制到 outDir 的根目录,并且始终按原样提供或复制而无需进行转换。值可以是文件系统的绝对路径,也可以是相对于项目的根目录的相对路径。...将 publicDir 设定为 false 可以关闭此项功能。...使用文件系统路径的别名,请始终使用绝对路径。相对路径的别名值会原封不动地被使用,因此无法被正常解析。...serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", }, 修改后的vite配置,以及在这个文件里面还添加了些其他的

31510
领券