项目初始化步骤
准备一个用来包装你项目的文件夹————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.你每天写的项目都上传一下就可以了