[toc]

📑开发环境准备

1.显示文件扩展名

大部分文件：文件名.扩展名（后缀名)

电脑会默认隐藏扩展名，请自行百度使其显示。扩展名决定了文件被什么应用程序打开

2.安装浏览器

  • IE
  • Opera
  • FireFox
  • Chrome
  • Safari

推荐使用chrome浏览器，最好将chrome设置为默认浏览器！！！

3.安装编辑器

  • 记事本

  • visual studio code（推荐）

  • sublime text3

  • hbuilderx

  • webstrom

  • ATom

  • Dreamwever

4.插件安装：

  • chinese 汉化插件（不推荐使用）
  • open in broswer 插件
  • live server 插件
  • vscode-icons 插件
  • markdown all in one 插件

5.开始编码（我的第一个网页）

1.新建文件 文件名.html（文件名尽量不要使用中文名）

2.开始编码

  • 我的第一个html文件
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <title>程序猿的经典语录</title>
  8.     </head>
  9.     <body>
  10.         hello world！
  11.     </body>
  12. </html>