项目初始化

项目初始化步骤

准备一个用来包装你项目的文件夹————Object文件夹

1.在终端中打开Object文件夹,输入 **npm init** (你也可以直接 npm init -y,这样可以直接帮你生成一些信息,不用你手动去填写),用它来管理你的文件

在这里插入图片描述

2.在终端中继续输入 **git init**  ,用Git来管理项目,方便你保存到GitHub上去

3.准备源码文件夹src,在里面创建你需要的文件夹

在这里插入图片描述

​ ————css 和scss文件夹选择一个就可以了

4.在你的文件夹下面创建你需要的文件,比如index.html,login.html,index.js,index.css 等一些文件

5.准备 gulpfile.js 文件,在这里面去设置你项目的一些配置

​ + 你需要的包用 npm i 包名 来给他下载下来,如果你的包只在开发阶段使用 (不用上传到服务器中,比如gulp),你可以在使用npm i 包名 -D命令,如果你不 加 -D,默认会下载到你的项目依赖中(会随着你的项目上传到服务器中),下载完 成之后,在package.json文件中会有下载记录

在这里插入图片描述
在 node_modules 文件夹中,将你的项目依赖包找到,放入到 src >lib文件中中,你需要用到的时候直接在这个文件夹中引入进行

6.配置

​ ** 在gulpfile.js 文件中,将你需要的包先引入进来
在这里插入图片描述

​ ** 按照你的需求,做出配置

​ + 有些文件需要你压缩,比如html,css文件,而有些文件需要你移动,例 lib 文件夹下面的文 件,image文件夹下面的图片等。

在这里插入图片描述

在这里插入图片描述

​ 监控你的项目:

在这里插入图片描述

在这里插入图片描述

7.其他配置
  • 准备一个 .gitignore 的文件

  • 在里面写上 node_modules,写上的目的就是上传 github 的时候不上传 node_modules 文件夹里面的所有内容

    所有配置完成之后,就可以在终端中运行 gulp 命令,让你的项目跑去来,它会自动打开你的项目主页,这样就成功配置好了,你就可以写你的项目了。

上传GitHub

1.打开你的Git终端

在这里插入图片描述

2.。输入 git stutas 命令查看你要被管理的文件(红色表示没有被管理)

在这里插入图片描述

3.输入 git add . 将你的文件加入进去

4.输入 git commit -m “项目初始化”

  • 会将你的文件准备好,等会上传

5.打开你的github 新建一个仓库,将你的仓库地址复制到github终端中

在这里插入图片描述

在这里插入图片描述

6.输入 git push -u origin master ,将你的项目上传就可以了

7.你每天写的项目都上传一下就可以了

一个项目大概的初始化流程就是这样了,要是有什么地方写错了,可以在评论区评论下,因为我也是刚学习,大家一起进步吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值