vue项目git提交及服务器部署方法
更新时间：2024年07月21日 11:02:13 作者：Sun202952
这篇文章主要介绍了vue项目 git提交及服务器部署方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
1.当完成某个功能活任务模块时
需要提交代码，如使用Visual Studio Code工具 可以直接拉取或提交源代码，即同步源代码，同时可以设置提交title
2.提交之后进行打包
PS D:\Project\web-project> npm run build:prod
3.服务器部署
1）连接服务器----上传打包文件到指定目录（root/server/frontend/nginx/）
**此时可能会替换原有文件 点击确定
2）进入指定目录
$ cd /server/frontend/nginx/
3) 删除旧文件夹
$ rm -f dist/
4）解压新文件夹
$ unzip dist.zip
5）重新加载nginx
$ ./sbin/nginx -s reload
到此这篇关于vue项目 git提交及服务器部署的文章就介绍到这了,更多相关vue项目 git提交内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
前端vue uni-app cc-countdown倒计时组件使用详解
cc-countdown是一个倒计时组件，它可以显示剩余时间、天数、小时数、分钟数和秒数，在本文中，我们将介绍如何在uni-app中使用cc-countdown组件,需要的朋友可以参考下2023-08-08
Vue3新增了Composition API，我们只需将实现某一功能的相关代码全部放进一个函数中，然后return需要对外暴露的对象，这篇文章主要介绍了vue3 Composition API使用,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了vue下载excel的实现代码,后台用post方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
数据拉取更新这个功能相信大家基本都见过，但是如果要做起来却不止如何做起，所以这篇文章给大家分享了vue.js通过自定义指令实现的方法，阅读本文需要对vue有一定理解，有需要的朋友们下面来一起看看吧。2016-10-10
Web应用程序中资源分页不仅对性能很有帮助，而且从用户体验的角度来说也是非常有用的。在这篇文章中，将了解如何使用Vue创建动态和可用的分页组件2022-12-12
使用JSONP主要是目的通过动态创建Script，动态拼接url，进而抓取数据，实现跨域。这篇文章主要介绍了VUE2.0中Jsonp的使用方法（前端）,需要的朋友可以参考下2018-05-05
下面小编就为大家带来一篇vue获取DOM元素并设置属性的两种实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
对于Vue项目来说，如果遇到一个埋点的需求，我们最好的解决方案就是封装一个指令，所以本文就来和大家详细讲讲具体是如何封装埋点指令的吧2023-08-08
el-form resetFields无效和validate无效的可能原因及解决方法
本文主要介绍了el-form resetFields无效和validate无效的可能原因及解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
vue中json格式化显示数据(vue-json-viewer)
这篇文章主要给大家介绍了关于vue中json格式化显示数据(vue-json-viewer)的相关资料,Vue-json-viewer是一个Vue组件,用于在Vue应用中显示JSON数据的可视化工具,需要的朋友可以参考下2024-05-05
最新评论