学web前端开发需要用哪些软件

Posted 2023-03-13

我就记得，PS，DW还有什么？
学web前端开发需要用到的所有软件

web前端开发除了PS、DW之外，还有一些常用的前端开发工具，以下仅列出前端工程师常用的两款：
1、WebStorm：WebStorm 是jetbrains公司旗下一款javascript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的html5编辑器”、“最智能的JavaScript IDE”等。
个人经验：WebStorm优点是代码提示、高亮等等，支持很多框架。非常适合项目开发。缺点是启动稍慢。
2、Sublime Text3：Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。
个人经验：Sublime Text3通过安装不同的插件可以完美支持各种语言。相对于webstrom，它的启动速度非常快，常用于修改单个文件的错误或者调试。 参考技术A 1、jQuery
jQuery由于其无限的教程，没有跨平台/浏览器问题，优秀的用户界面，大量的插件以及它的轻量，快速和快速学习等特点而脱颖而出。超过70％的受访者选择jQuery作为他们的前端库，它是一个快速，轻量级和简洁的JavaScript库，主要用于HTML文档遍历、事件处理、动画和用于快速Web开发的Ajax交互。从本质上讲，jQuery最适合需要快速开发的应用程序。
2、Bootstrap
超过65％的开发者选择Bootstrap作为他们最喜欢的框架来使用，它是一个用HTML、CSS和JS开发的开源工具包。Bootstrap的广泛流行主要是因为它的简单使用、优秀的社区以及大量的文章和教程、第三方插件和扩展、主题构建器等。
3、Angular
如果你打算构建一个动态且强大的单页应用程序，Angular就是你需要的框架。Angular是高度模块化的，因此非常适合与团队分开大型工作，并且使测试和调试变得轻松。功能优先的方法使Angular更加专注于功能，使开发人员的工作更轻松。此外，它还有来自Google社区的出色工具和支持。
4、NPM
NPM是Node的包管理器。借助NPM，开发人员可以安装各种模块进行Web开发，共享和借用软件包，并管理私有开发。它由网站、命令行界面（CLI）和注册表三个不同的组件组成。
5、Webpack
Webpack是现代JavaScript应用程序的模块打包程序，它将前端开发所需的所有资源（如JavaScript、字体和图像）集中到一个地方。如果你正在开发复杂的前端，这特别有用。你可以去通过部署具有的WebPack Web应用程序，以获取有关的WebPack起来和运行。
除了以上工具，还有Sass、React等，根据企业所用工具的不同，你需要掌握的工具也不一样。 参考技术B

前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，

0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：

1. 师资力量雄厚

要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。

2. 就业保障完善

实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。

3. 学费性价比高

一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。

希望你早日学有所成。

参考技术C HTML的编译器有很多，现在主要介绍以下几种：
1.Adobe dreamweaver
Adobe dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2、Sublime Text
Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。目前更新到Sublime Text3
Sublime Text3具有漂亮的用户界面和强大的功能，(本人就是使用的Sublime Text3 Mac版本哦，网站下载也很简单)。例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 3的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
3、HBuilder
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE,HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。 参考技术D 1、DreamWeaver是一款老牌前端开发工具，功能强大且组件丰富，作为前端开发的一款利器被广泛使用。DreamWeaver是一款可视化的前端开发工具，一边写代码一边就能看到效果，所以使用起来还是比较方便的。但是DreamWeaver的缺点就是比较耗费系统资源，这也许是IDE类产品的通病。
2、Hbuilder是最近几年被广泛使用的一款前端开发工具，我最初开始使用Hbuilder是因为它可以做android和ios的开发，移动互联团队的同事推荐给我使用的，我用了一段时间感觉还不错。整个操作比较简便，显示风格我也比较喜欢，给人一种很轻的感觉，同时功能又很强大。但是使用Hbuilder有一个问题一直让我比较困惑，就是我之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码，而同样的操作在Eclipse中则不会乱码，这也让我比较困惑，不知道官方什么时候能解决这个问题。
3、sublime text也是前端开发比较常见的工具之一，特点是可通过配置插件来构建一个比较丰富的开发环境，同时sublime text比较轻（比Hbuilder还要轻），如果熟悉了它的快捷键，那么使用起来还是比较便捷的。当然它也支持很多开发语言，虽然在代码管理方面没有DW那么强大，但是由于它很轻，速度很快，所以很多前端开发人员还是比较喜欢使用它。
4、Eclipse也是可以进行前端开发的，使用Eclipse进行前端开发的程序员有很多是做后端开发出身的。因为可能是使用Java语言比较多的缘故，我对Eclipse的使用比较熟悉，所以很多时候我都使用Eclipse进行前端开发。使用Eclipse进行前端开发可以直接跟后端开发整合测试，在这一点上还是有一定的优势，虽然Eclipse本身较重，但是如果既做前端又要做一部分后端调试，使用Eclipse总要好过使用DW+Eclipse。但是某些Eclipse版本在JavaScript程序片的支持上有一些小Bug，在使用的时候要多加注意。
5、Editplus本身就是一个功能强大的记事本，我最初使用Editplus是在2001年，当年使用Editplus做C语言开发，后来改用Vim了，因为Vim比Editplus更方便。Editplus可以进行很多语言的开发，通过配置编译和运行环境，可以在Editplus下进行程序编写和调试。Editplus没有编写提示，最大的优点是运行快，Editplus只有几M大，非常小巧。由于早期长时间使用Editplus，所以锻炼了我的手写代码能力，也提高了模块化代码的能力，因为Editplus没有这些辅助功能。