Web前端开发有哪些必备工具？_惠州前端培训学校

Web前端开发有哪些必备工具？相信学过前端的同学都遇到过这个问题，那么答案是什么呢？接下来一起来看看惠州北大青鸟老师是怎么回答的。

面对日益纷杂的前端工具，作为新人常感无从下手。经过一番检索和简单对比，再结合自己的喜好，筛选了将要学习和使用的工具，以适应日益工程化、专业化的 Web 前端开发工作。

库与框架

jQuery: 操作dom的神器，曾经一度火的一塌糊涂。

jQuery UI: 一个JQuery的UI框架,特点是高效、组件化

Vue.js: 数据驱动的组件，为现代化的 Web 界面而生

angularjs 应用最广泛的企业级web开发框架

angular: 新一代angular开发框架

React.js: 构建组化件应用的javascript库

React Native: 使用react构建移动app应用

构建工具&模块化

一个构建、测试应用的构建工具

gulp.js: 自动化工作流

node 建立在V8引擎上的快速构建平台

模块打包器

将模块打包到一个bundle中

webpack: 能够将依赖打包、生成的自动构建工具

包管理

一个用来管理依赖的包管理器，你可以使用它下载很多模块化的工具

npm: Node 模块化管理工具

CSS 处理

提供一个高效、动态的方法生成css

Stylus: node社区的css预处理器

PostCSS: 将css转换成js插件

模块化

ECMAScript 6 Module

模板引擎

使用js生成html文件

EJS

jade

测试框架

Mocha: 一个简单、快速的用来测试node和web应用的测试框架

Chai: Chai 是一个针对 Node.js 和浏览器的行为驱动测试和测试驱动测试的诊断库，可与任何 JavaScript 测试框架集成。

脚手架

Yeoman Web 应用开发流程与工具

koa-generator koa项目生成器

集成方案

FIS: 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

UI框架

bootstrap 简洁、直观、强悍的UI框架，让web开发更迅速,后端程序的福音。

foundation 最流行的响应式前前端布局框架

semantic-ui Semantic作为一个开发框架，通过HTML语言帮助创建令人赏心悦目、响应式的布局。

Material UI 一组反应元件，实现谷歌的材料设计。

Ant Design 是一个 UI 设计语言，是一套提炼和应用于企业级后台产品的交互语言和视觉体系。

游戏引擎

CreateJS 基于HTML5的一套模块化的库和工具共同工作或独立使丰富的交互式内容的开放式Web技术。

PhaserJS PC端和移动端HTML5游戏框架 。

ThreeJS 制作HTML5的3D游戏引擎 。

白鹭 Egret是一套HTML5游戏开发解决方案

Cocos2d-JS 开发者可以通过cocos游戏开发引擎快速编辑界面和动画、编写和调试代码等，最终导出适合于各平台、各渠道发布的游戏安装包。

容器

Docker: Build, Ship, and Run Any App, Anywhere

想知道更多关于前端的资讯，联系在线客服，或者来惠州北大青鸟新方舟校区了解了解。

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟