项目1 Web前段开发环境配置与HTML基础

目录

前言

一、下载并安装常用的Web前段开发工具

二、使用步骤

1.HTML配置

2.常规设置

3.创建HTML文件

总结

---

前言

此乃博主自己学习Web的经验总结，可能会有小小的问题，欢迎评论区指正。

---

一、下载并安装常用的Web前段开发工具

常用的软件有许多例如：EditPlus和Hbuilder等，本人主要使用的为Visual Studio Code和Adobe Dreamweaver，这里主要说明如何利用Visual Studio Code进行网页开发

Visual Studio Code：简称“VS Code” 是针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如C++，C＃，Java，Python，PHP，Go）

Adobe Dreamweaver：简称“DW”，是集网页制作和管理网站于一身的所见即所得网页代码编辑器。支持 HTML、CSS、JavaScript等内容，可以快速制作和进行网站建设。

二、使用步骤

1.HTML配置

下载相关插件，网上也有许多插件推荐，这里是我自己用的插件内容。

2.常规设置

1. 设置界面主题颜色，菜单：File文件--Preferences首选项-Color Theme颜色主题 

2. 设置字体大小，菜单：File文件--Preferences首选项-Settings设置，在User选项卡中点击Text Editor文本编辑器-字体Font，字体大小Font Size，系统会自动保存生效。

3.创建HTML文件

1. 创建一个文件夹，在Visual Studio Code选择，菜单：File文件--打开文件夹，选择你创建好的文件夹。
2. 菜单：File文件--新建文件--文本文件--选择语言--HTML，输入感叹号后回车，出现HTML网页基本框架，再点击保存，选择你创建好的文件夹。

---

总结

这里简单介绍了Visual Studio Code关于html的相关配置和文件创建。