当前位置:   article > 正文

[前端]项目环境搭建——前后端分离_git仓库前后端分离

git仓库前后端分离

目录

一.gitee(码云)准备

 二.工具的搭建


一.gitee(码云)准备

  • 新建一个空仓库 

 

 

  •  将仓库克隆到本地

 

 

 二.工具的搭建

  •  生成package.json文件

  •  给项目安装gulp   npm -i gulp -D
  • 安装监听sass的工具  npm -i  gulp-sass  node-sass -D
  • 在项目下新建gulpfile.js文件

image.png

 引入第三方包

image.png

  •  拷贝除sass文件以外的文件到www(服务器)下

image.png

 终端执行gulp copy-html,将开发目录拷贝到发布目录(www/服务器)下。

 eg:image.png

 在终端执行gulp  watchall,即可监听我们开发目录文件。如果开发目录有变化,会将开发目录的文件拷贝到发布目录www(服务器)下。

  • 写开发目录代码
  • 上传到仓库(在开发目录下git bash here)

 image.png

 在服务器端运行之后,检测效果没有任何问题。即可add。可以多次add。

image.png

 image.png

 将暂存区的代码,上传到远程仓库。

git push -u  地址(没有配置密钥,就用https地址)master

 eg:

image.png

 注: 

  1. 上传至git时,无需上传node-modules和.git文件。(即忽略这两个文件)在开发项目下建一个.gitignore文件。

 image.png

 image.png

image.png

 eg:

image.png

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/691769
推荐阅读
相关标签
  

闽ICP备14008679号