前置框架day6

1.webpack:

  是一种静态模块（html,css, js）打包文件工具。

 1.用webpack：

   需求：封装一个utils（自定义的）包，实现校验手机长度和验证码长度，在src/index.js中使用并                打包观察。

   ①：在src文件夹：创建文件夹utils/check.js(check.js里面写需求代码) 。和创建package.json                (存放包的相关内容)

              在src的文件下建立了utils文件，在utils文件下建立check'.js用于写实现功能代码并导出接口，在utils文件夹下创立index.js用于导入接口，并且执行。

   ②：下载webpack工具：npm i webpack webpack-cli --save-dev, 并且下载后在package.json中的script{}里面加上：  “bulid”:"webpack" (表示webpack作用于当前包中)

【下载微博pack包时，两个一起会卡住，但是单独运行npm webpack和npm webpack-cli就可以运行！！！！！！！！】

        

   ③：运行打包命令：npm run build ,会自动生成dist文件。

【这个错误一直出错.....】

2.修改webpack的入口和出口。

   在根目录下创建webpack.config.js,然后在webpack文档中复制来配置内容，修改ertry的路径（如果没有这个文件就手动创建并且可以移动.js的位置，都时手动的根据要求改。）和output的路径。

3.webpack中一般就是查找webpack文档：找包，下包，配置环境，重新打包。

4.git:

管理代码版本，切换代码，合并代码。

1.git仓库：

记录文件状态内容的地方，存储着修改的历史记录的。

 2.创建git仓库：

  ①：本地文件夹转成git仓库，git init

  ②：从别人那里克隆过来git。

3.git使用有三个区域：

①：工作区：正在操作的文件夹。若暂时觉得没问题可以暂存在暂存区中(git add), 若想保存一次就提交到版本库中(git commit)

  

4.状态：

在工作区是新文件，未跟踪

在暂存区是已跟踪。

5.暂存区使用：

 ①刚才暂存的文件可以覆盖现在工作区的内容（类似于回到之前状态了），git restore 目标文件       [谨慎使用]

②把文件从暂存区移除：git rm -cached 目标文件

③：要是提交到版本库添加一些备注：git commit -m '要添加的内容'

6.git回退版本

  用git log -oneline 可以提交查看历史记录

  从版本库恢复文件到暂存区和工作区。

利用git reset --hard 版本号 ：会覆盖现在暂存区和工作区内容，只有恢复的文件。（常用）

利用git reset --soft版本号:会恢复版本库内容，且不会覆盖暂存区和工作区内容。

7.删除文件

  删除工作区： 直接在页面上删除文件

删除暂存区： 把刚才删除文件重新提交以下，利用git add .

8.忽略文件：

  为了让git更小更快，忽略一些无意义的文件。比如：下载的安装包modules,dist,vscode,cer(日志)log  ，加密文件也不可以被git管理。

  做法：创建一个.gitignore，里面写上所有要忽略的文件名就行

  eg：*.log（忽略所有的日志）

9.git分支

每次从git提交的内容就会创建一个分支，而且主任务中head -> master ->最后一次提交的内容。

  若有新人加入则在最后一次提交，新建一个分支，并且用content指向后面内容。

  

①：创建分支：git branch 分支名

②：切换分支：git checkout 分支名  （切换分支会把head从原来的master指向现在的分支名，因为head指向谁，谁才会影响工作区和暂存区内容）

10.合并和删除分支（bug分支）

【创建login-bug内容：手动创建一个文件夹为login-bug，把html,css,js文件都放到该文件下，在执行下面三个内容。】

  ①：先切换到原来的主要分支上：git checkout master

  ②：合并到其他分支上： git merge login-bug(这是要被合并的分支名)

  ③：删除合并后的分支指针： git branch -d login-bug(要删除的分支名)

11.合并和提交

  如果是login-bug先合并后，content也想合并，但是c5已经和c9链接了，对于content也执行上面三步骤，就会在c10后生成c11,而c11是c6,c7,c8合并之后提交生成的。

12.合并冲突

  不同的分支，对同一个文件的同一个部分进行修改。

执行合并后会提示有冲突。

13.远程仓库“

把版本库传到互联网上，保存你内容，多人合作。

创建：第三方托管平台：gitee

  首先在第三方托管注册账号，会返回唯一的网址

  ①给本地git添加远程仓库源点地址： git remote add 远程仓库名（起啥叫啥） 远程仓库地址

  ②：把本地git内容推送到远程仓库： git push -u 远程仓库名 本地分支名 远程分支名

14.克隆：

git clone 远程地址

clone已经建立好远程链接了。