从零开始学习前端(0)

一.前端常用的开发工具

1. 编辑器：前端开发的第一步是编写代码，选择一个适合自己的编辑器非常重要。常见的编辑器包括VS Code、WebStorm等(本文以vscode为例)。

2. 主流浏览器：IE、Firefox、Google Chrome（谷歌）、Safari、Opera。(本文以谷歌浏览器为例)

二.Vscode插件的安装

1.中文插件(Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code)

2.open in browser可以帮助我们把html代码快速的运行到浏览器上，一般情况下都是运行到电脑本身设置的默认浏览器上

3.open in brower 改变默认浏览器：

两种方法：一是通过电脑设置中默认应用.html后缀的直接改为Chrome

二是在open in browerc插件扩展设置中

Set default browser的输入框下面输入你要设置的浏览器名字，如谷歌浏览器

同时在用户和工作区都设置即可

三.Vscode快捷键的使用

第一、新建文件---扩展名必须.html 新建文件完毕之后必须在英文状态下 html:5或者 shift + ! 自动生成模板(一定要记得在英文状态下)
alt + b	预览网页快捷键
ctrl + s	保存
ctrl + z	撤销
ctrl + y	反撤销
ctrl + c	复制
ctrl + v	粘贴
ctrl + x	剪切
alt + shift + 下箭头	复制代码至下一行
ctrl + /	注释

在预览网页前一定要ctrl+s保存后在alt+b进行预览。

四.网页的组成部分

1. 网页的结构HTML（H5）---网页的的结构是非常重要的，是网页的骨架
2. 网页的样式CSS(CS3) --- 美化网页的，控制外观的
3. 网页的行为Javascript（JS）--- 负责网页动画的

举个例子：拿人来举个例子：人的骨骼，腿，胳膊，鼻子，嘴巴都是---HTML（H5）

                                                外观，衣服，发型---CSS(CS3)

                                                学习，运动，唱歌---Javascript（JS）