开发工具总览

• Atom
• Bracket https://brackets.io/
• Sublime https://www.sublimetext.com/
• VScode https://code.visualstudio.com/
• HBuilder https://www.dcloud.io/hbuilderx.html
• Dreamweaver https://www.adobe.com/cn/products/dreamweaver.html
• WebStorm https://www.jetbrains.com/zh-cn/webstorm/

将文件夹拖入编辑器运行和打开单个页面运行不一样
编辑器以文件夹运行实际是建立了一个本地服务器，网站在服务器里运行

文本编辑器
IDE

<br />一、认识开发工具<br />二、sublime的使用

一、认识开发工具

一般情况下，普通青年用Dreamweaver 文艺青年用sublime 其他人用记事本
Sublime的最大优势为：快速开发
二、sublime的使用
建文件名时要在其后加上.html 例如：sublime使用.heml

代码如下：

完成后，鼠标右击选择在浏览器中打开，结果如下：