前端小白,到底那个工具写代码最方便?

作为一年级的的前端小白,我试过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等语言的开发。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值