一、Git
1.分布式版本控制系统 – 开源
2.作用:项目版本管理 – 多人协同开发;版本回滚
3.类似软件:SVN
5.GitHub
:使用Git
做管理远程仓库,开源项目免费使用
6.码云:国内版GitHub
7.使用Git
管理项目:1.安装Git
客户端 – 连接远程仓
2.注册Git
账号:设置提交邮箱
8.Git
客户端使用:1.命令行(Git Bash
)
2.图形化界面(Git GUI
,SourceTree
)
9.Git
常用命令:
仓库为空,本地创建git项目之后提交到仓库中
1.创建项目文件夹(本地git仓库)
2.在项目文件夹中右键:选择Git Bash
3.初始化项目:git init -- 会出现一个.git的隐藏文件夹
4.将项目文件拷贝到本地仓库中
5.链接远程仓库(GitHub或码云上的仓库)
git remote add origin 仓库地址
6.查看当前git仓库状态:git status
7.添加上传文件:git add 文件名 或 git add .(全部提交)
8.添加上传文件说明:git commit -m "说明"
9.推送文件到远程仓库:git push -u origin master -- 仓库为空,第一次推送
10.推送:git push [origin 分支名]
11.删除远程仓:git remote rm origin
12.修改远程仓地址:git remote set-url origin "https://..."
git config remote.origin.url "https://..."
配置全局环境:当前客户端信息(提交账号和用户)
1.git config -l :查看当前配置
2.git config --global user.email "你的提交邮箱"
3.git config --global user.name "用户"
已有仓库,直接从仓库拉取代码到本地仓库中
1.在本地创建git仓库:创建git仓库文件夹,通过Git Bash的git init命令初始化仓库
2.连接远程仓库:git remote add origin 仓库地址
3.拉取代码:git pull [origin 分支名]-- 从默认地址拉取
git pull [origin 分支名] 仓库地址 -- 从指定仓库拉取
问题:拉取时提示分支下没有文件
解决:加上分支名
本地仓库和远程仓库不一致时,如何解决:
1.拉取远程仓库内容:git pull origin master --allow-unrelated-histories -- 本地仓库和远程仓库不一致时,先拉取远程仓库
2.输入合并信息:输入完成后,按Esc退出Insert模式,然后输入:后
再输入:wq -- 保存退出
3.将本地仓库推送到服务器:git push origin master
分支
1.创建分支:git branch 分支名
2.切换分支:git checkout 分支名
3.推送分支:git push origin 本地分支名:远程分支名
4.合并分支:git checkout 主分支
git merge 分支名
问题:合并分支后,分支内容并没有合并起来:
解决:git push origin [master]
5.删除分支:git branch -d 分支名
创建公钥
1.本地生成公钥:ssh-keygen -t rsa -C "390940063@qq.com"
2.最终会生成文件:id_rsa id_rsa.pub
3.id_rsa.pub中的内容就是公钥
10.HTTPS
:需要将开发者加入到仓库中
11.SSH
:将开发者的SSH Key
添加到仓库中(只对当前项目有拉取的权限)或者添加到git
账号中(对当前账户下的所有仓库具有拉取和推送的权限)
二、Webpack
1.静态模块打包工具
2.作用:合并、压缩、打包
3.类似作用:Vite
4.核心概念:1.入口(Entry
):从哪个文件开始打包
2.出口(Output
):打包之后的文件存放的位置以及命名方式
3.loader
:指明什么类型的文件用什么方式转换
4.插件(Plugin
):提供其他功能:打包优化等
5.模式(Mode
):设置模式,webpack
会有对应的优化
5.兼容性:支持所有支持ES5
标准的浏览器
6.环境支持:webpack5
需要node v10.13.0+
7.使用webpack
:1.安装:webpack
和webpack-cli
2.配置文件:webpack.config.js
8.配置文件:
const path = require("path");
module.exports = {
mode:"development", //模式
entry:"./index.js", //打包入口
output:{ //出口设置
filename:"index.js",
path:path.join(__dirname,"./output")
},
module:{
rules:[
{test:"",loader:""} //设置loader
]
},
plugins:[] //设置插件
}
9.打包:npx webpack
三、FTP
1.文件传输协议,能够实现文件的上传和下载