走进前端 Vscode和插件的安装 如何在Gitee上提交代码

目录

走进前端

Vscode的安装以及插件的安装

认识浏览器

主流浏览器分类

简介

工作过程

常见状态码

如何在Gitee上提交代码

安装 tortoise gittortoisegithttps://tortoisegit.org/download/


第一周我们有四个需要了解以及掌握的内容

1.走进前端

2.VScode的安装以及插件安装

3.认识浏览器

4.如何在Gitee上提交

走进前端

首先我们要对前端有一个认识,关于前端是什么,是做什么的,以及我们学会前端这个有什么用?对于一下几个方面我将给出相关的了解

前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。

而简要地说就是使用一些类似与HTML和CSS的语言等,让我们进行写出一个可以给用户带来体验的一个网页设计

而对于前端在我之前的博客上,也有略微讲过一点点,我们可以看几个具体有关于HTML的标志词,已经在我之前博客写过,在这里不进行额外的赘述,可以直接打开链接

HTML标志词https://blog.csdn.net/Chen_072_11/article/details/129332486?spm=1001.2014.3001.5501HTML标志词2https://blog.csdn.net/Chen_072_11/article/details/129383496?spm=1001.2014.3001.5501这两个是标志词,接下来我们将要看的是HTML的具体应用

HTML实现自我介绍模版https://blog.csdn.net/Chen_072_11/article/details/129432706?spm=1001.2014.3001.5501这个是我们通过HTML标志词实现的一个介绍模版

(上述链接,均为作者原创,创作不易,请勿随意转载)

Vscode的安装以及插件的安装

下面的事vscode的下载链接

Vscode的下载链接

下载完之后会发现全是英语,该如何解决这个问题呢

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第1张图片

 在这里我们可以发现一个扩展,点击扩展搜索Chinese即可

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第2张图片

然后我们介绍几个关于写代码时候到几种工具

美化界面–Beautify

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第3张图片

标签检查–Auto Rename Tag

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第4张图片

 标签闭合插件-Auto Close Tag

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第5张图片

以上这些是我们在写Html的时候几个常用的扩展工具

认识浏览器

浏览器是用来检索、展示以及传递Web信息资源的应用程序。Web信息资源由统一资源标识符( Uniform Resource Identifier,URI)所标记,它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容。使用者可以借助超级链接( Hyperlinks),通过浏览器浏览互相关联的信息

主流浏览器分类

主流的浏览器分为IE、Microsoft Edge、Chrome、Firefox、Safari等几大类,它们具有以下特点:

1、IE浏览器。IE浏览器是微软推出的Windows系统自带的浏览器,它的内核是由微软独立开发的,简称IE内核,该浏览器只支持Windows平台。国内大部分的浏览器,都是在IE内核基础上提供了一些插件,如360浏览器、搜狗浏览器等 。

2、Microsoft Edge浏览器。Microsoft Edge是由微软开发的基于Chromium的浏览器 。

2、Chrome浏览器。Chrome浏览器由Google在开源项目的基础上进行独立开发的一款浏览器。Chrome浏览器不仅支持Windows平台,还支持Linux、Mac系统,同时它也提供了移动端的应用(如Android和iOS平台)  。

3、Firefox浏览器。Firefox浏览器是开源组织提供的一款开源的浏览器,它开源了浏览器的源码,同时也提供了很多插件,方便了用户的使用,支持Windows平台、Llnux平台和Mac平台 

简介

HTTP通信协议是超文本传输协议的简称,它是属于浏览器和Web服务器之间的通信协议,建立在TCP/IP基础之上,用于传输浏览器到服务器之间的HTTP请求和响应。它不仅需要保证传输网络文档的正确性,同时还确定文档显示的先后顺序 。

工作过程

HTTP协议从Web浏览器到服务器返回信息的过程可以分为4个部分:

1、建立连接:HTTP协议的建立是通过申请Socket套接字实现,用户通过Socket在服务器上申请一个端口号,然后在网络中通过该端口号传输数据。

2、发送请求。用户和服务器之间建立连接后,可以向指定的目的主机发送请求。

3、返回响应。服务器对用户提交的请求进行处理,并返回请求码(如404)或数据。

4、关闭连接。通信结束后,通信双方均可通过关闭套接字来关闭连接,断开访问。

其中,HTTP协议在建立连接的过程中,会通过著名的“三次握手”来建立稳定的连接,即客户机和服务器之间传递三次有效的数据,来保证通信的可靠性  。

常见状态码

在HTTP连接过程中,返回的常见状态码及含义如下:

1、403:用户没有访问权限。

2、404:访问文件不存在或访问链接(URL)错误。

3、500:服务器错误,一般是服务器数据处理出现的问题 。

如何在Gitee上提交代码

首先我们需要知道,gitee的作用是什么:Gitee是开源中国(OSChina)推出的基于Git的代码托管服务,而换句话说,就是我们讲平时写的代码需要存到一个地方,也就是放到一个仓库里去管理,而这个在国内的代码管理仓库我们通常所用的是Gitee,当然还有其他类似于Gitee的这种代码托管管理平台

gitee的链接https://gitee.com/接下来向读者展示一下,作者的gitee管理平台

在仓库里,我们可以自己将仓库进行命名,那么我们如何向gitee里传送我们每天的学习代码呢

接下来我们将讲一个最简单的下载方式

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第6张图片

工作台 - Gitee.comhttps://gitee.com/

安装 tortoise git
tortoisegithttps://tortoisegit.org/download/

注意事项: 

1. 安装 git for windows 一路 next 即可.

2. 安装 tortoise git 中需要配置 git.exe, 这个是 git for windows 包含的部分. 如果 git for windows 安装成功, 这

一步使用默认结果即可.

3. 安装 tortoise git 还需要配置姓名和邮箱, 这个尽量和 Github 的邮箱填成一致.

4. 两个工具安装完毕后, 需要重启电脑才能正确使用.

 放入代码

使用 VS 创建工程, 并把工程放在刚才下载到本地的项目路径中.

或者将曾经写过的代码的工程目录直接拷贝到项目目录中

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第7张图片

Git add

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第8张图片

 Git commit

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第9张图片

 走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第10张图片

 在这里我们点击Commit即可

Git Push

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第11张图片

 最后点击Git Push我们就会将代码上传完成了

成功上传的效果

走进前端 Vscode和插件的安装 如何在Gitee上提交代码_第12张图片

出现小绿点即为上传成功 

你可能感兴趣的:(Bulemsun,前端,vue.js,javascript)