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

目录

一.gitee(码云)准备

 二.工具的搭建

---

一.gitee(码云)准备

• 新建一个空仓库 

 

 

•  将仓库克隆到本地

 

 

 二.工具的搭建

•  生成package.json文件

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

 引入第三方包

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

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

 eg：

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

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

 

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

 

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

git push -u  地址（没有配置密钥，就用https地址）master

 eg：

 注： 

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

 

 

 eg: