作为一年级的的前端小白,我试过DW、HBuilder、Sulime Text、文本文档、VS Code等,但是最终还是选择了VS Code。
作为资深小白,我相信很多小白像我一样三天打鱼两天晒网,从全网各个平台找课程,课程找了一堆,于是就会接触很多个编写工具,但是不知道哪个好用(练习少,对软件工具没感情)。
下面我们来比了解一下常见的前端软件工具:
Web前端开发用到的软件工具有Dreamweaver、HBuilder、Visual Studio Code、Sublime Text、WebStorm、Eclipse、Editplus等。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学成在线</title>
<link rel="stylesheet" href="./CSS/index.css">
</head>
<style>
li{
display: inline-block;
padding:20px;
margin-left:100px;
}
a{
text-decoration: none;
}
</style>
<body>
<!-- 所有网站的首页都叫“index.html” -->
<div class="top wrapper">
<li class="#">
<a class="lianjie" href="">首页</a>
</li>
<li>
<a href="">学习</a>
</li>
<li>
<a href="">考试</a>
</li>
<li>
<a href="">学籍</a>
</li>
<li>
<a href="">咨询中心</a>
</li>
<li>
<a href="">课程市场</a>
</li>
<li>
<a href="">注册/登录</a>
</li>
</div>
</body>
</html>
Dreamweaver:一款可视化的老牌前端开发工具,功能强大,组件丰富,集网页制作和管理网站功能于一身,可以通过视觉辅助功能减少错误并提高网站开发速度。
HBuilder:DCloud推出的一款Web开发IDE,是专为前端打造的开发工具,拥有完整的语法提示和代码输入,还可以很方便地进行移动端开发,甚至直接打包hybrid应用。
Visual Studio Code:简称“VS Code”,是Microsoft的一款跨平台源代码编辑器,针对编写现代Web和云应用开发,功能强大,插件众多,操作便捷,深受广大前端开发者喜爱。(建议使用)
Sublime Text:一个先进的代码编辑器,具有清晰美观的用户界面和强大的功能,如代码缩略图、Python插件、自定义键绑定等。
WebStorm:JetBrains公司旗下的一款JavaScript 开发工具,被很多JS开发者称为“Web前端开发神器”,拥有强大且人性化的功能,使用起来非常方便。
Eclipse:一个开源的基于Java的集成开发环境,通过插件组件来构建开发环境,使用Eclipse进行前端开发可以直接跟后端开发整合测试。
Editplus:一款小巧但功能强大的代码编辑器,支持HTML、CSS、PHP、C/C++、Java、JavaScript等语言的开发。