第四阶段学习

2023-03-20 15:14| 来源: 网络整理| 查看: 265

文章目录本周学习GitGit:个人开发过渡到团队协作Git工作机制GitHubGitee码云GitLab 步骤初始化本地库连接远程仓库查看本地库状态添加暂存区提交本地库Git分支团队协作1.推送本地库到远程库2.拉取远程库3.克隆远程仓库到本地 Sass作用域全局作用域：!global Sass导入文件下周计划

本周学习 Git Git:个人开发过渡到团队协作

分布式版本控制系统：

在这里插入图片描述

Git工作机制

在这里插入图片描述

代码托管中心(远程库)：基于网络网络服务器的远程代码仓库。局域网：GitLab互联网：GitHub (外网) Gitee（内网） GitHub 创建远程库代码推送Push代码拉取Pull代码克隆CloneSSH免密登陆Idea集成GitHub Gitee码云码云创建远程库Idea集成Gitee码云码云连接GitHub进行代码的复制和迁移 GitLab

服务器的搭建和部署

Idea集成GitLab

步骤

设置用户签名

查看本地登陆的账号或邮箱：git config user.name/email

设置或切换本地登录的账号：git config --global user.name “用户名”/email"邮箱"

初始化本地库

git init 在这里插入图片描述

连接远程仓库 git remote add origin 地址值查看本地库状态

输入 git status

文件内容：vim 文件名（hello.txt）

i编辑 esc退出编辑 shift zz(大写) 保存

cat 文件名：查看文件

tail -n 行数文件名：查看倒数的几行

添加暂存区

添加：git add 文件名

git add --all 添加所有的文档

在暂存区删除（本地并未删除，ll 可查看）：git rm --cached 文件名

提交本地库

提交：git commit -m “日志信息（first commit）” 文件名

查看版本信息：git reflog 或 git log（更详细）

版本穿梭

git reset --hard 版本号

底层：移动的是HEAD的指针

Git分支查看分支：git branch -v(详细) 或 git branch -a()创建分支：git branch 分支名删除分支：git branch -D 文件名切换分支：git checkout 分支名合并分支：git merge 分支名

注：当执行 git checkout . 或者 git checkout – 命令时，会用暂存区全部或指定的文件替换工作区的文件。这个操作很危险，会清除工作区中未添加到暂存区中的改动。

团队协作创建远程库和别名查看远程库：git remote -v创建远程库：git remote add 远程库名地址 1.推送本地库到远程库 git push 别名分支git push -u origin master //将本地主分支推到远程(如无远程主分支则创建，用于初始化远程仓库) 2.拉取远程库

git pull 别名分支

3.克隆远程仓库到本地新建一个文件，将远程地址克隆到本文件git clone 远程地址克隆会完成三件事：拉取代码；初始化本地仓库；创建别名 Sass

作用：减少css重复的代码，节省开发时间。

作用域

只在当前的层级上有效果 h1:green;p:red;

$myColor: red;

h1 { $myColor: green; *// 只在 h1 里头有用，局部作用域* **color**: $myColor; }

p { **color**: $myColor; }

全局作用域：!global

h1和p标签都是green

$myColor: red;

h1 { $myColor: green !global; *// 全局作用域* **color**: $myColor; }

p { **color**: $myColor; }

Sass导入文件 @import 支持@import指令，Sass@import指令将文件包含在css中，不需要额外的HTTP请求

语法：@import filename;

若不想把一个Sass文件编译到CSS，可在文件开头添加一个下划线，但注意：不能将带下划线与不带下划线的同名文件放置在同一个目录下，如_colors.scss 和 colors.scss，不然带下划线的文件将会被忽略。

@mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。

@include 指令可以将混入（mixin）引入到文档中。

注：Sass 的连接符号 - 与下划线符号 _ 是相同的

@extend指令告诉Sass一个选择器的样式从另一选择器继承。用于只有少量区别的样式，@extend 很好的体现了代码的复用。下周计划完成第四次考核页面复习js相关知识

【本文地址】

公司简介

联系我们