~前端入门~

前端

目标：走进前端和 vscode 插件安装、认识浏览器、Gitee 提交

走进前端

开发网页 html（结构） css（表现） javascript（行为）

1. 网页由哪些部分组成 ？

         文字.图片.音频.视频.超链接

    2.我们看到的网页的背后本质是什么？

       前端程序员写的代码

    3. 前端的代码是通过什么软件转换成转换成网页的？

        浏览器

vscode插件的安装

常用的插件：

1. Chinese（Simplified）

   vscode下载完毕是英文的，先安装这个插件

   点击左侧扩展—>搜索Chinese

   

    

2. Auto Rename Tag

   修改开始标签，结束标签自动跟着变化***

   

    

3. One Dark Pro颜色主题

           

 

1. 格式化代码（vscode系统自带）

2. 刚开始学不建议安装插件，先手写规范的语法格式

   但是html标签嵌套非常多，可能需要自动格式化，可以利用vscode自动的功能格式化代码

   （1）点击管理按钮--选择里面的设置命令

   （2）选择用户—>文本编辑器—>正在格式化—>勾选两个按钮

   4.open in browser 浏览器预览界面

   右键open in browser

      

 

1. 5.Live Server 实时预览（推荐）

   简单易懂！！！

 

1. 刚开始可以在左边放浏览器，右边放浏览器

   注意点：

   先用vscode打开文件所在的目录文件夹（先建一个文件夹，把文件夹拖到vscode中，新建html等）

   6.vscode-icons

   可以清晰看到文件的图标

 

7.Easy Less 编译less文件

我们写的less不能直接引到html中，通过这个插件可以自动帮我们生成css文件

 

8.会了吧

帮你认识英文单词

 

浏览器

浏览器时网页显示.运行的平台。

常用的浏览器有IE.火狐（Firefox）.谷歌*（Chrome）.Safar和Opera

浏览器内核

IE ->Trident

firefox ->Gecko

Safari ->Webkit

chrome/Opera->Blink

目前国内一般的浏览器一般会用Webkit或Blink

Gitee提交

1. gitee是什么

   • 基于Git的代码托管和研发写作平台

   • 国内gitee，国外github

   • 网址：http：//gitee.com

2. gitee怎么注册（简单）

    

3. 怎么提交代码

   • 需要两个工具 git安装到c盘 tortoise

   • 安装有先后顺序

4. 在gitee上创建远程仓库

   点击’+‘ 新建仓库

5. clone远程仓库到我的电脑

6. git的三板斧

   • add-将代码添加到本地仓库

   • commit-提交代码到本地仓库

   • push- 推送本次添加操作到远程仓库