【前端发版】vue前端发版 步骤

于 2024-01-15 11:28:35 发布
阅读量499 收藏 5
点赞数 10
文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41621686/article/details/135597250
版权

1、 提交代码 代码合并通过之后到deb分支

2、git checkout 切换到dev分支上 运行起来看看自己刚刚提交的代码有没有错误

3、拉取最新代码 git pull

3、yarn run build

4、打包好的文件叫dist 重新命名为服务器里替换包名

5、登录文件传输 开始替换 替换的过程中 首先删除备份 然后把原本正在运行的名字替换成为备份 之后把本地重新命名好的替换上去

在这里插入图片描述

6、删除文件中的dist文件

小美元
关注
  • 10
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学习下 vue.js 是如何发布版本的？
Cyj1414589221的博客
03-29 1778
欢迎关注我的公众号『 前端我废了 』，查看更多文章！！！ 前言 尤大宣布了 vue 3 版本在 2022 年 2 月 7 日成为默认安装的版本（也就是 tag 由 next 改为了 latest，以后我们可以直接使用 npm i vue 来使用 vue3 了），本文我们来学习下尤大是怎么发布 vuejs 的吧！ 环境准备 vscode vue 版本 v3.2.20 克隆代码 vue 源码：git clone [email protected]:vuejs/core.git 切换 tag 到 v3.2.20 安
前端(vue)npm如何发布自己的包
HouMengFei_的博客
06-26 1306
前段npm发布自己的包
Vue 2 插件快速开发和发布教程
Meta.Qing的博客
07-19 734
通过按照以上步骤开发和发布 Vue 2 插件，你可以将多个组件封装为一个插件，并提供自定义前缀的能力。其他开发者可以按需引入你的组件，并在他们的项目中使用你的插件，从而实现组件的复用和可扩展性。同时，他们也可以使用全局注册的方式将你的插件注册为 Vue 的全局插件，并在整个应用中使用你的组件。7.使用插件：其他人可以使用你发布的插件，只需在他们的 Vue 2 项目中安装并使用它。5. 发布插件：将插件发布到适合的包管理器（如 npm）上，以便其他人可以安装和使用它。文件夹中生成插件的构建代码。
纯前端vue项目使用gitee pages进行部署发布
gaiery的博客
09-06 1369
https://gitee.com/help/articles/4136#article-header3 1、getee新建仓库 xxxTest 2、vue项目打包 npm run build 将dist文件夹提交至xxxTest master分支下 vue.config.js const path = require('path') const resolve = dir => { return path.join(__dirname, dir) } const BASE_URL = pr
devops-发布vue前端项目
hey_lie的博客
08-04 921
将使用jenkins+k8s发布前端vue项目。
Vue项目打包并发布的完整步骤记录
weixin_59127121的博客
09-19 1816
如何将Vue项目打包并发布？
前端Vue实现购物车案例
04-08
Vscode编译软件 + 使用Vue实现 购物车页面 使用步骤： 1、下载资源，使用vscode打开 2、在终端里安装所有包 npm i 3、运行项目 npm run serve 4、访问 http://localhost:8080/
前端html利用http-vue-loader以组件方式引入vue文件
06-15
地址：https://github.com/FranckFreiburger/http-vue-loader，httpVueLoader是从github...http-vue-loader 这套工具可提供开发者直接在网页环境中载入 .Vue File，无需透过 nodeJS 环境编译，也不需要 Build 的步骤。
Vue项目-前端框架
07-18
使用vue-cli搭建一个前端框架，要使用到node.js的相关知识，具体的操作步骤，可以参考我的博客
Vue前端项目部署IIS的实现
01-09
背景：最近用vue写了个demo(不涉及调用后台...具体的实施步骤如下(以win10为例) 1、win+r打开cmd命令窗口，输入control打开控制面板，选择程序–>启用或关闭windows功能 2、选中ISS服务，为了不产生一些问题，点击
【Teamcity】（一）基于Teamcity加Docker Compose自动部署前端VUE项目，自动发布
NameLoadingFailed的博客
12-09 2556
本文描述了如何采用teamcity将项目部署在docker容器中，完成前端项目（例子为vue，其他项目理论上也适用，各框架下完成项目打包即可）自动部署的具体方式，思路及步骤如下： 1.配置项目的docker-compose编排，保证项目通过docker-compose就可以运行 2.推送代码时，Teamcity按照条件触发自动拉取项目代码，将从配置好的git地址拉取代码到临时工作空间 2.在临时工作空间的目录下，Teamcity将执行配置好的BuildStep进行服务的打包，部署，发布等动作。
手把手教你VUE前端项目发布上线
热门推荐
王华春_Jason
06-25 2万+
准备工作 已经写好的代码，有团队的需要拉取最新的代码（今天重点分享团队前端项目的发布过程） 软件：（包括但不限于）——如果工具都OK，将大大降低发布难度 Nginx：轻量级web服务器 Jenkins：持续集成开发工具 Tomcat：轻量级的应用服务器 Xshell：安全终端模拟软件 VSCode：前端开发工具 当然还有Maven、Gitlib、JDK，这些都是团队开发的必备工具 基础知识： 敏捷开发（Agile Development） 的核心是迭代开发（Iterative De.
前端vue3一键打包发布
weixin_39559449的博客
05-12 1711
一键打包发布可以分为两种，一是本地代码，编译打包后发布至服务器，二是直接在服务器上拉去代码打包发布至指定目录中。两种各有使用场景，第一种是前端开发自己调试发布用的比较多，第二种是测试或者其他人员用的多，前端开发将代码上传至git中，测试人员可以在服务器上拉取指定分支如release_V0.1，然后打包发布用于测试。
vue项目打包dist发版随笔
LiXueFu727224204的博客
12-27 1188
vue项目打包dist
前端vue发布
进行中
10-15 517
1、最初的版本 服务端安装node ，npm 如果是服务端渲染的前端框架还需要安装 pm2 安装参考地址：centos7 yum 安装nodejs、npm、cnpm、pm2、yarn - 七月流星雨 - 博客园 (cnblogs.com) 安装好之后拉取项目代码，执行命令 npm install; npm run build:dev; 将编译完之后的文件dist/* 复制到对应nginx的文件夹的目录下，之后启动就可以了 如果是pm2的项目，执行完 npm run build 之后，将...
vue项目发版，缓存问题。
j1043438486的专栏
04-12 4709
在vue项目开发中，一直有一个令人都疼的问题，就是缓存问题；每次发版完之后由于浏览器缓存机制，用户端不会实时获取新的项目页面，甚至有可能出现静态文件获取报404，之前的解决方案是告知用户手动清理浏览器缓存，但是这种方式并不友好，因为用户未必知道怎么清理缓存，而且就算用户知道怎么清理缓存，也不清楚什么时候该清理。所以针对这种问题，推出了一种新的解决方案。 方案思路： 一. public/index.html配置meta，去掉缓存 二. 打包，在此过程中做了一下几件事情： 1.生成一个随机版本号..
vue 微前端 用nginx 发布流程总结（qiankun）
LiuLin_CF的博客
03-30 3589
vue 微前端 用nginx 发布流程总结（qiankun） 微前端发布vue 微前端 用nginx 发布流程总结（qiankun）什么是微前端一、vue微前端主应用配置地址二、vue微前端微应用配置注意事项三、nginx配置 微服务appone四、nginx配置 主应用配置五、nginx 打包后如下放置总结 什么是微前端 微前端架构具备以下几个核心价值： 1、技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权 2、独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动完
vue前端版本发布流程.
qq_33779489的博客
05-15 3612
选择build模式，直接运行2.多个dist文件，将该文件放到服务器
前端环境搭建 vue
最新发布
09-06
为了搭建 Vue 的前端环境，你需要进行以下步骤： 1. 确保你已经安装了 Node.js，你可以在命令行中输入 `node -v` 来检查是否已经安装。 2. 安装 Vue CLI，可以使用以下命令进行全局安装： ``` npm install -g @vue/cli ``` 3. 创建一个新的 Vue 项目，执行以下命令： ``` vue create project-name ``` 其中，`project-name` 是你想要给项目起的名字，你也可以使用默认的配置或者手动选择一些配置选项。 4. 进入项目目录： ``` cd project-name ``` 5. 启动开发服务器： ``` npm run serve ``` 这将会在本地启动一个开发服务器，并且自动打开一个地址供你访问。 通过以上步骤，你就成功搭建了一个基本的 Vue 前端环境。你可以开始编写 Vue 组件和页面了。如果你需要进一步了解 Vue 的开发，请参考 Vue 官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值