前端开发入门

前端开发工具准备

1.vscode工具

Visual Studio Code 是微软推出的跨平台编辑器。它采用经典的VS的UI布局，功能强大，扩展性很强。支持多种语言开发,只需要安装对应的插件即可. 我们学习前端过程中主要使用它来敲代码. 我们前端常用的IDE(集成化开发环境)选择很多, 例如: vscode, hbuilder, webstorm, sublime等.

vscode官网: https://code.visualstudio.com

IDE: 集成开发环境

vscode插件的安装:

1.view in browser:

能够让我们所写的代码运行在浏览器上.

2.Beautify:

能够使我们写的代码变得漂亮点

3.Auto Close Tag:

自动添加 HTML 关闭标签

4.Color Highlight:

颜色高亮

5.HTML CSS Support:

html css 支持插件

6.Preview on Web Server:

使我们写的网页可以通过本地服务器打开

友情提示: vscode的自动保存设置: 打开左上角的 文件 —–> 选择自动保存, 如果不选择自动保存,则只能够手动保存后程序才能运行.

2.chrome浏览器

前端的开发工作主要是在vscode等编辑器上进行的, 但是代码的调试主要是在浏览器上, 所以我们给大家推荐chrome浏览器, 用于查看和调试前端代码.