一，认识前端

什么是前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计理解为网站网页的视觉设计，前端开发则是网站前台代码的实现，包括基本的HTML和CSS以及JavaScript，这三个也是前端开发的核心技术。前端的核心作用于用户的体验，也就是说一定要让用户来一场视觉盛宴。

HTML

HTML全称是超文本标记语言（Hyper Text Markup Language),这个也是我们制作网页最常用的一种标记语言。它包括一系列标签，通过这些标签可以使网页上的文档格式统一，可使分散的网络资源连成一个逻辑整体。超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。

CSS

CSS全称是层叠样式表（Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

JavaScript

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

二，VScode插件安装

VScode官网：https://code.visualstudio.com
插件Chinese，方便阅读
插件C/C++,提供C/C++语法识别，智能补全，代码跳转
插件HTML/CSS，前端党必备
插件live server,前端神器，可以在vscode中预览编写的网页
插件beautify，快速格式化代码，让代码看起来规整，强迫症必备
插件kite，代码补全，提高效率（不建议新手用此偷懒，前期多自己打代码，帮助记忆）

三，认识浏览器

浏览器是用来检索，展示以及传递Web信息资源的应用程序。Web资源由统一资源标识符标记，它是一张网页，一张图片，一段视频或者任何在Web上所呈现的内容。使用者可以借助超链接，浏览网页相关内容，实现网页互联。主流的浏览器有 IE、Microsoft Edge、Chrome、Firefox、Safari等几大类。

四，Gitee提交代码

什么是Gitee

Gitee是开源中国（OSChina）推出的基于Git的代码托管服务。Gitee包括三个版本，分别是：社区版、企业版和高校版。除了访问速度更快以外，Gitee 还提供了免费的私有仓库供个人开发者使用。同时，Gitee 也有着国内数一数二的开源生态，这里有非常多的优秀开源项目和开发者，你可以在这里和他们无障碍地沟通交流，不管是找开源项目还是分享自己的开源项目，Gitee 都是极佳的选择。

注册Gitee

Gitee链接https://gitee.com/

安装TortoiseGit链接https://tortoisegit.org/download/

（一直next即可）

安装git for windows

（两个工具安装完成后需要重启电脑方可使用）

在Gitee新建仓库

输入仓库名称，（第一次只能为私有，不能开源）然后直接创建

点击管理，输入相关信息
点击开源，勾选公开须知三个选项，然后保存

回到仓库，点击新建文件夹，名称设置的方便管理些（例如：第一次作业）

上传作业
回到仓库页面，点击右上角 “克隆/下载”按钮，复制https类型的仓库地址，提交到学习群（注意：仓库一定要开源！）

走进前端 VScode插件安装 Gitee提交相关推荐

vscode插件安装失败的解决方案
vscode插件安装失败的解决方案参考文章: (1)vscode插件安装失败的解决方案 (2)https://www.cnblogs.com/jisongxie/p/10053591.html 备忘 ...
解决vscode插件安装不成功，xxx.vue高亮插件问题
解决vscode插件安装不成功,xxx.vue高亮插件问题提示:vue插件 vue中 xxx.vue 的插件,没安装之前是黑白显示,安装之后彩色.语法高亮插件是 "Vue 3 Snippe ...
vscode插件安装介绍
Visual Studio Code是由微软开发的轻量级但功能强大的源代码编辑器.轻量体现在插件打开的速度比较快:功能强大体现在可以安装想要的插件,从而丰富vscode功能并提升开发效率.下面我就介绍 ...
前端vscode插件合集
工欲善其事必先利其器安装步骤 . . . . . . . . . 1.中文包Chinese (Simplified) Language Pack for Visual Studio Code 2.自 ...
VsCode插件安装及推荐
1.快捷键Ctrl + P,打开插件,输入 ext install (我习惯的输入方式): 2.或者点击图片中的圈红的按钮,也可以进入插件安装商城: 3.下面开始说下我目前安装的插件(我目前是vue开 ...
IDEA通过插件安装Gitee并clone项目
一.前言在最新插件版本: 2018.3.1.(2019-01-10 发布)中码云 IDEA 插件已经由gitosc更名为gitee. 同时值得注意的是:新版插件gitee菜单已经和git菜单合并. ...
VSCode 插件安装：中文（简体）语言包（附带：不生效解决方案）
文章目录 VSCode 安装插件:中文(简体)语言包中文语言包不生效解决方案打开 `命令面板` 配置显示语言选择中文重启VSCode 效果 - 中文界面 VSCode 安装插件:中文(简体)语 ...
前端vscode插件bito
GPT-4和ChatGPT越来越火,前端人员是否也能在日常工作中尝试体验其带来的乐趣呢? 答案是可以的!安排!! 今天介绍一款vscode的插件 [bito]. 安装安装后只需要自己注册一下,创建一 ...
前端emmet插件安装
安装package control插件(下载后粘贴在preferences中browse package文件夹中): 快捷键"Ctrl+shift+p"呼出页面: 输入" ...

走进前端 VScode插件安装 Gitee提交