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提交内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Ant Design moment对象和字符串之间的相互转化教程

    Ant Design moment对象和字符串之间的相互转化教程

    这篇文章主要介绍了Ant Design moment对象和字符串之间的相互转化教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vue中el-tree动态初始默认选中和全选实现方法

    vue中el-tree动态初始默认选中和全选实现方法

    这篇文章主要给大家介绍了关于vue中el-tree动态初始默认选中和全选实现的相关资料,eltree默认选中eltree是一种常用的树形控件,通常用于在网页上呈现树形结构的数据,例如文件夹、目录、组织结构等,需要的朋友可以参考下
    2023-09-09
  • 解决创建vue项目后没有vue.config.js文件的问题

    解决创建vue项目后没有vue.config.js文件的问题

    这篇文章给大家主要介绍如何解决创建vue项目后没有webpack.config.js(vue.config.js)文件,文中有详细的解决方法,感兴趣的朋友可以参考阅读下
    2023-07-07
  • vue项目中解决 IOS + H5 滑动边界橡皮筋弹性效果(解决思路)

    vue项目中解决 IOS + H5 滑动边界橡皮筋弹性效果(解决思路)

    最近遇到一个问题,我们在企业微信中的 H5 项目中需要用到table表格(支持懒加载 上划加载数据),但是他们在锁头、锁列的情况下,依旧会出现边界橡皮筋效果,这篇文章主要介绍了vue项目中解决 IOS + H5 滑动边界橡皮筋弹性效果,需要的朋友可以参考下
    2023-02-02
  • vue-star评星组件开发实例

    vue-star评星组件开发实例

    下面小编就为大家分享一篇vue-star评星组件开发实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • 详解VUE自定义组件中用.sync修饰符与v-model的区别

    详解VUE自定义组件中用.sync修饰符与v-model的区别

    这篇文章主要介绍了详解VUE自定义组件中用.sync修饰符与v-model的区别,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • Vue项目使用svg图标实践

    Vue项目使用svg图标实践

    这篇文章主要介绍了Vue项目使用svg图标实践,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue3使用vue3-print-nb实现区域打印功能

    vue3使用vue3-print-nb实现区域打印功能

    这篇文章主要给大家介绍了关于vue3使用vue3-print-nb实现区域打印功能的相关资料,在日常操作中,相信很多人在Vue怎么用插件实现打印功能问题上存在疑惑,需要的朋友可以参考下
    2023-07-07
  • 关于Vue.nextTick()的正确使用方法浅析

    关于Vue.nextTick()的正确使用方法浅析

    最近在项目中遇到了一个需求,我们通过Vue.nextTick()来解决这一需求,但发现网上这方面的资料较少,所以自己来总结下,下面这篇文章主要给大家介绍了关于Vue.nextTick()正确使用方法的相关资料,需要的朋友可以参考下。
    2017-08-08
  • vue路由--网站导航功能详解

    vue路由--网站导航功能详解

    这篇文章主要介绍了vue路由--网站导航功能详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03

最新评论