尚硅谷web前端工程师1000集学习笔记15开发工具选择

103 阅读 0 评论 68 点赞

我是靠谱客的博主落后流沙，这篇文章主要介绍尚硅谷web前端工程师1000集学习笔记15开发工具选择，现在分享给大家，希望可以做个参考。

开发工具选择

我们要用到哪些工具？

 学习HTML和CSS开发我们不需要太复杂的工具尤其是前一阶段，我们主要使用的工具有：

 浏览器：火狐、IE、Chrome

 编辑器：记事本、NotePad++、HBuilder

 调试工具： FireBug

 图片工具

 Photoshop

文本编辑器

在windows中我们只需要使用最简单的记事本就可以完成所有的网页的开发。

但是一般我们会使用一些具有提示功能的纯文本编辑器：

– Notepad++(免费)

– Sublime(收费)

当然还有很多其他的工具。

IDE（集成开发工具）

IDE拥有比纯文本编辑器更加强大的提示功能，也是我们开发中用的比较多的工具。

DreamWeaver（收费）

WebStorm（收费）

Hbuilder（免费）

当然也有其他的IDE

现下阶段使用HBuilder，右上角选择视图，可选择边改边看模式

快捷键：Ctrl+D删除一行；标签可以直接p+tab h+tab，即可成对出现，或者h+enter

alt+/ 提示功能；ctrl+shift+r 复制一行；Ctrl+回车（光标）换行；

顶端帮助选项中有一个快捷键列表

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>标题</title>
	</head>
	<body>
		<!--
		<style type="text/css">
			h1{color:aquamarine;}
		</style>
		-->
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<h1>疾病退散</h1>
		<h2>2020加油</h2>
		<h2>2020加油</h2>
		<h2>2020加油</h2>
		<h2>2020加油</h2>
	</body>
</html>