从0到上线开发企业级电商项目_前端_07_正式进入开发阶段-项目初始化
有什么需要初始化
- 项目目录
- 目录工具：脚手架npm+webpack
一、项目目录的搭建
1.git仓库的建立
git项目建立：oschina（当然也可以用github，配置过程是一样的）
git配置权限
gitignore配置，git的忽略规则
2.目录结构的设计
src
page+view 存放页面和脚本
service 数据层内容
util 工具层内容
image ：图片
最终代码打包到dist文件夹中
dist
View
Js
Css
resource
二、搭建git仓库
情形一：
1.进入git.oschina.net
2.新建组织
3.新建项目
项目名称 mall-fe（客户端）
4. 添加gitignore，可以将项目中一些没用的东西忽略掉
5.创建项目并进入“代码”
6.点击“克隆/下载”，复制SSH
7.打开terminal
设置SSH
注意这里必须要之前配置过 .gitconfig 在之前的文章中配置过
ssh-keygen -t rsa -C "你的邮箱地址"
之后一直回车，输入
cd ~/.ssh
ls
可以看到有私钥id_rsa和公钥id_rsa.pub，显示公钥
cat id_rsa.pub
将显示的公钥复制下来
8.回到项目托管中心 -> 管理 -> 部署公钥管理 ->添加个人公钥 -> 粘贴刚才的公钥
注：
部署公钥允许以只读的方式访问项目，主要用于项目在生产服务器的部署上，免去HTTP方式每次操作都要输入密码和普通SSH方式担心不小心修改项目代码的麻烦。
部署公钥配置后的机器，只支持clone与pull等只读操作。
9. 在本地新建一个文件夹，cd到文件夹中执行，这里的ssh是git上克隆按钮下的地址。
git clone SSH
这样git仓库就建立好了，本地目录也有了。
情形二：
另一种情况是，本地目录已经有了，但是git仓库还没有建立，如果想把本地目录和git仓库关联起来则使用以下方法。进入项目文件夹，输入一下代码：
git init; //初始化git ls -al; //显示所有文件，出现.git的文件表示git已经初始化好了 git remote add origin SSH; //当前文件夹和git对应 git pull origin master; //把代码拉下来 git status; //查看当前状态 git add .; //追踪上没有提交的文件 git commit -am 'test'; //提交全部并加上注释’test’ git push; //把本地的文件推送到远程的服务器上 git push –set-upstream origin master; //; 当前分支如果没有设置远程分支的提示，直接复制提示
配置gitignore，这个文件中包含一些规则，被匹配到的文件不会被git最终到，即忽略一些没有用的文件。
在项目的根目录下生成gitignore
vim gitignore
编辑文本
.DS_Store //这是一个sublime的临时文件 /node_modules/ //这是nodejs的包，一般非常大会有几百MB必须忽略掉 /dist/ //编译好的静态文件。
执行
git status //查看git的状态看到，看到加了gitignore git add . //关联上 git commit -am ‘first initial’ //提交 git push //推送到远程服务器 ls -al //显示所有文件可以看到gitignore
接下来查看是否配置成功
touch .DS_Store //新建一个刚才添加的被忽略的文件 ls -al //查看是否添加成功 git status //发现这个文件并没有被git追踪到
一般git有一个使用习惯是不再master上开发，一般情况下master会作为一个只读的分支开放给开发者，而在开发的时候一般会切分支来开发。
git checkout -b mall_v1.0 //切换分支，-b表示这个分支还没有，即新建一个分支再切换过去 git branch //显示当前分支
搭建项目目录
mkdir src cd src/ mkdir view mkdir page mkdir service mkdir util mkdir image
注意，如果这个时候使用git status会发现刚才的src目录是没有的，造成这个现象的原因是git只追踪文件，以及文件的父目录，因此刚才我们建立的孔文件夹不不会进入git中的。
浙公网安备 33010602011771号