前端项目管理工具箱

❶ 前端工程师都有用哪些比较靠谱的小工具

1.node.js + npm， 这个是前端工具的一个平台，没有他们就没有以下的工具，建立开发环境，下载开发工具，运行开发工具的利器
2. bower, 库依赖管理器，类似于npm，但针对浏览器JavaScript的依赖管理，减少寻找库，下载库和升级库的烦恼
3.grunt，流程自动化管理工具，将你非编程的开发步骤减到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5无尽地狱，发布和开发各种无压力。以下大部分开发工具，都有grunt的相对应的插件，也就是说他们都能利用grunt进行自动化运行
4.liveReload, 本来是一套解决方案，自从grunt watch出现后，我们只要安装他的chrome或者firefox插件就行了。它的目的很简单，只要发现目标文件中有任何一个文件有改动，立刻通知浏览器刷新页面，这样就免除了手动按F5。如果和grunt watch合用，就是只要发现任何文件有改动，立刻运行自动化流程中的所有任务，然后通知浏览器刷新。
5. 本人用less比较多，因为基本无缝兼容历史遗留系统中的css，（而Sass语法比较特殊，还没有专门用过，应该开发新系统的css比较好），一套css预编译语言，可以把less语法转成css语法，lessc是less语言编译器，配合grunt less，编写大型css文档毫无压力。
6.Phantomjs，没有界面的浏览器，用js脚本控制其操作网页。测试，抓图，网页流程自动化利器。配合casperjs的语法简化功能真强库后，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓图功能和ImageMagick图片比较功能，在利用live-reload即时刷新功能，可以让你开发css的时候，快速对n多个页面进行观察，看其前后变化。不过缺点也比较明显，就是速度慢。但比起手动对比来看，还是非常快的。值得css开发时拥有
8. phantomCSS，这个和grunt photobox类似，都用于css开发的，差别是photobox是全局观察差别，而这个是单元组件观察差别，它方便你就抓页面中某一块元素然后进行前后比较，更加注重细节上的差异，这个比较合适组件开发时候使用。
9. jshint，帮助你快速定位JavaScript的语法错误和潜在的跨浏览器兼容性问题。在部署你JS前，用jshint检查一下是没错的 。
10.UglifyJS，压缩JavaScript代码，使你的JS代码可以更加快速的加载。有grunt的插件
11. browserify允许你在浏览器里面使用CMD标准模块，但本人认为它的另外一个优势是合并代码，开发时候可以把代码模块化，分成很多很多小文件，然后有调理的放到相对应文件夹下，然后最后合成单一文件。本人曾经利用browserify开发greasemonkey代码，大大简化了greasemonkey的开发难度和增强了greasemonkey代码的质量。browserify有grunt插件，这样又减少的开发步骤。
12. Karma， google开发的一个单元测试运行器，这个自己本身不是一个单元测试框架，而是配合测试单元框架的一个工具。由于前端浏览器众多，就算你有live-reload这样自动化工具，但是还是要手动打开各种浏览器，手动把你的单元测试在各个浏览器都运行一遍。这个工具目的是目的就是让电脑能自动化打开各种浏览器，然后把单元测试在个个浏览器中自动运行一遍，让这个步骤也能自动化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin实际上背后使用的是clean-css工具，这个工具就是用来压缩精简css的，让css文件大小更小。
还有些有名气的工具，应该不错，但是自己没有用过，所以也就没有提，但可以参考一下
yeoman 项目初始化工具
buddy.js 魔术数字检查器
Image minifier.压缩图片工具
html-minifier html压缩
jade html预编译语言
jsdox JS代码注释文档生成器
jscs JS代码风格检查器

❷ 产品经理和项目经理一般都用什么项目管理工具

现在常用的项目管理工具有：CORNERSTONE、Teambition、ones、tapd、zentao

最推荐的一种：CORNERSTONE项目管理工具

推荐理由：

CORNERSTONE能够用来处理任何类型的项目协作的工具，应用于运行和维护涉及到你的业务和企业的最困难任务，即使是对最初级的用户都能有所帮助，可满足不同团队规模的需求。

1.存储在云端，或者可以自己架设，基于 B/S 架构；
CORNERSTONE有网页版，并支持mac、windows、ios、Android多端同步，并支持私有部署功能。

❸ Web前端开发需要哪些工具

前端开发中需要掌握最基础的技能就是HTML、CSS，JavaScript。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互，在进行开发前，需要对这些概念弄清楚，才能进行合理的开发。

在网页建设的过程中，为了避免代码的繁琐杂乱，更高效快速地完成任务，就会使用到一些有代码高亮提示和语法提示等便捷功能的前端开发工具。

1，Dreamweaver：中文名“梦想编织者”。是集网页制作和管理网站于一身的所见即所得网页代码编辑器。它可以使用所见即所得的接口，亦有HTML编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。 使用视觉辅助功能减少错误并提高网站开发速度。

2，Sublime：Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。

3，HBuilder：是DCloud,推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

有了工具，接下来还得靠我们人来操作。你必须熟悉三种语言，把这些概念弄明白，才能开发出好的作品。

❹ 学习开发web项目用什么前端框架和开发工具好呢

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

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

1. 师资力量雄厚

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

2. 就业保障完善

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

3. 学费性价比高

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

希望你早日学有所成。

❺ 适合开发团队使用的项目管理工具有哪些

现在常用的项目管理工具有：CORNERSTONE、Teambition、ones、tapd、zentao

最推荐的一种：CORNERSTONE项目管理工具

推荐理由：

CORNERSTONE能够用来处理任何类型的项目协作的工具，应用于运行和维护涉及到你的业务和企业的最困难任务，即使是对最初级的用户都能有所帮助，可满足不同团队规模的需求。

1.存储在云端，或者可以自己架设，基于 B/S 架构；
CORNERSTONE有网页版，并支持mac、windows、ios、Android多端同步，并支持私有部署功能。

❻ Web前端开发工程师要掌握的前端开发工具

今天小编要跟大家分享的文章是关于Web前端开发工程师要掌握的前端开发工具。市面上有许多前端开发工具可以加速Web开发工作。本文是对Web
开发工具的一次精选汇总，分别介绍了每款工具的关键特性，并已附上下载链接。下面来和小编一起看一看吧！

1.NoviBuilder


NoviBuilder是一个拖放式构建器，它对于经验丰富的Web
开发人员而言是一个不错的选择。它为开发人员提供了访问源代码的权限，并允许开发人员在Web设计中进行多项更改。你能用它完全控制你的Web
项目，并且可以充分利用它的各项功能。尽管这款工具对于初学者来说可能很难入门，但在它的众多优势面前这一不足也就不值一提了。


特性：


·高级代码编辑器


·附加应用集成


·多种预制主题


·拖放界面


·电商功能支持


·预览工具


下载链接：


#/


2.ONESubscription


ONESubscription是一款很有用的Web
开发工具包，包含了众多高质量的数字产品。它提供了大批高品质的部件，可以打造出功能完善的博客、在线商店、登录页面等各种网站。总的来说，它能为你提供数以千计的主题和模板、多种插件和图形元素、附加服务以及其他许多好处。


特性：


·对所有部件提供专业支持


·定期更新


·安全性(如果你订阅后尚未从数据库中下载任何内容，则可以在订阅开始后的14天内轻松取消订阅)


·无使用限制的年度许可证


·很多有用的服务(例如模板定制或安装)


下载链接：


#/


3.CreativeTim


CreativeTim提供了基于Bootstrap的设计元素，可帮助开发者加快开发工作。这款工具可以用来创建Web和移动应用。


特性：


·提供了最简单的开发上手途径，也就是预制的示例页面;


·这款工具可以帮助你节省时间，并且让你专注于业务模型;


·提供易于使用的管理模板


·管理面板可帮助你节省大量时间


·提供预制的设计块和元素


订阅链接：


#/2JMju8g


4.Npm


Npm是JavaScript的Node包管理器。开发人员可以用它寻找可重用的软件包，然后用各种方式将这些包组合出强大的产品。这款Web
开发工具是一个命令行实用程序，用来与软件包的存储库交互。


特性：


·在存储库中发现并重用超过470,000个免费代码包


·在团队内鼓励代码发现和重用


·发布和控制名称空间的访问权限


·使用相同的工作流程管理公共和私人代码


下载链接：


#/


5.TypeScript


TypeScript是一种开源前端脚本语言。它是JavaScript
的严格语法超集，添加了可选的静态类型。它是专门为开发大型应用程序而设计的，并可以编译为JavaScript。


特性：


·TypeScript支持其他JS库


·可以在任何运行JavaScript的环境中使用Typescript


·它支持包含现有JavaScript库的类型信息的定义文件，例如C/C++头文件;


·可跨浏览器、设备和操作系统移植;


·它可以在任何运行JavaScript的环境中运行


下载链接：


#/index.html#download-links


6.CodeKit


Codekit是一款前端Web开发工具。它可以支持开发人员更快地构建网站，它可以合并JS代码、对JS代码进行瘦身，还能检查
JavaScript代码的语法，它还可以优化图像。


特性：


·注入CSS更改而无需重新加载整个页面


·合并脚本以减少HTTP请求。


·瘦身代码以减小文件大小


·自动正确处理大多数语言


下载链接：


#/


7.WebStorm


WebStorm为JavaScript提供了智能编码辅助。它为Angular、React.js、Vue.js和Meteo
提供了高级编码辅助，它还可以帮助开发人员在处理大型项目时提升编程效率。


特性：


1.WebStorm帮助开发人员在处理大型项目时提升效率


2.它提供了一些内置工具，用于调试、测试和跟踪客户端和Node.js应用程序;


3.它与流行的Web开发命令行工具集成


4.Spy-js内置工具可用来跟踪JavaScript代码


5.它提供了一个统一的UI，能够与许多流行的版本控制系统协作;


6.可以高度定制，以完美适应各种编码风格;


7.它为客户端代码和Node.js应用提供了内置的调试器


下载链接：


#/Webstorm/download/#section=windows


8.HTML5Boilerplate


HTML5Boilerplate帮助开发人员构建响应快、健壮和适应性强的Web应用或网站。它是一组可下载的文件，它提供了一个十分完善的
HTML模版，完善到所有的页面似乎都应该遵守这个规则。


特性：


·它让开发人员可以使用HTML5元素


·它的设计遵从渐进增强原则


·它的Normalize.css可用于CSS规范化，还提供了常见的错误修复;


·它提供了Apache服务器配置以提高性能和安全性


·它提供了GoogleUniversalAnalytics代码段的优化版本


·它可以防止控制台语句在较旧的浏览器中导致JavaScript错误


·提供大量内联和随附文档


下载链接：


#/


9.AngularJS


AngularJS是前端开发人员的另一款必备工具。它是一个开放源代码的Web应用程序框架，它能帮助开发人员扩展Web应用程序的HTML
语法，它还提供了可访问、可读和表达性强的开发环境，从而简化了前端开发流程。


特性：


·它是一个开源项目，完全免费，并被全球成千上万的开发人员使用;


·它提供了创建RICH互联网应用的能力


·它提供了基于MVC使用JavaScript编写客户端应用程序的选项


·它会自动处理JavaScript代码，使其兼容各种浏览器。


下载链接：


#/


10.Sass


Sass是最可靠、最成熟也是最强大的CSS扩展语言。这款工具可用来轻松扩展站点现有CSS的功能，例如变量、继承和嵌套等。


特性：


·使用它的前端工具编写任何代码都非常简单明了


·支持语言扩展，例如变量、嵌套和混合(mixins);


·提供了用于处理颜色和其他值的许多有用函数


·高级功能，例如库的控制指令;


·它提供了具有良好格式、可自定义的输出。


下载链接：


#/


11.Backbone


Backbone.js提供了具有键值绑定和自定义事件的模型，来为Web应用程序提供结构。


特性：


·Backbone.js允许开发人员开发单页应用程序


·Backbone.js有一个简单的库，用于分隔业务和用户界面逻辑;


·这款工具使代码变得简单、系统和组织化。它可以充当任何项目的骨干;


·它负责管理数据模型和用户数据，并在服务端显示这些数据;


·它允许开发人员创建客户端Web应用程序或移动应用程序。


下载链接：


#/


12.Grunt


Grunt是NodeJS
上流行的任务运行器。它很灵活，用户很多，当涉及到任务自动化用途时，它是开发人员的首选工具，它提供了许多打包的插件来执行常见任务。


特性：


·它的工作流程非常简单，只需编写一个设置文件即可;


·它让开发人员只需最少的步骤就能自动执行重复性任务;


·它有一个简单直接的方法，并提供了JS版本的任务，JSON版本的配置;


·Grunt内置许多用于扩展插件和脚本功能的任务


·它能加快开发流程并提高项目效率


·Grunt的生态系统非常庞大，因此用户可以轻松为任何事情设置自动化流程;


·这款Web开发工具减少了执行重复任务时出错的概率。


下载链接：


#/


13.Jasmine


Jasmine是一款行为驱动的JavaScript框架，用于测试JavaScript代码。它不依赖于其他任何JavaScript
组件，这款开源工具不需要DOM。


特性：


·低开销，无外部依赖;


·开箱即用，测试代码所需的一切都打包好了;


·使用相同的框架运行浏览器测试和Node.js测试。


下载链接：


#/index.html


14.CodePen


CodePen是一个面向前端设计人员和开发人员的Web
开发环境。它的宗旨是提供更快、更顺畅的开发环境。开发人员可以用它构建和部署网站，并构建测试用例。


特性：


·可以用它来构建组件，以备今后使用;


·它包含一些很棒的功能，可以提高CSS开发人员的开发效率;


·允许实时查看和实时同步


·预填充API功能允许添加链接和演示页面，而无需编写任何代码。


下载链接：


#/


15.Foundation


Foundation是支持任何设备、介质和可访问性的前端框架。这个响应式前端框架使开发人员可以很容易地设计响应式网站、应用和电子邮件。


特性：


·它提供了最干净的标记，而不会牺牲效用和性能;


·可以自定义构建以包含或删除某些元素，它定义了列的大小、颜色和字体大小;


·更快的开发和页面加载速度


·Foundation针对移动设备进行了真正的优化


·适用于所有级别开发人员的可定制性


·它将响应式设计提升到了新的水平，并为平板电脑提供了开发人员迫切需要的中等网格。


下载链接：


#/sites/download.html/


16.SublimeText


SublimeText是非开源的跨平台源代码编辑器。这款应用开发工具原生支持许多编程语言和标记语言。


特性：


·命令面板功能允许匹配的按键调用任意命令


·同时编辑功能允许对多个区域应用相同的交互更改


·提供基于Python的插件API


·允许开发人员针对项目定制首选项


·与TextMate的许多语言语法兼容


下载链接：


#/


17.GridGuide


GridGuide是另一款重要的前端开发工具。它允许在设计中创建像素级精确的网格，这是一个简单的工具，可以提供非常有价值的工作流程。


特性：


·添加基于画布、画板和选定图层的参考线;


·快速向边缘和中点添加辅助线


·允许为其他画板和文档创建重复的指南


·帮助用户创建自定义网格


下载链接：


#/


18.Chrome开发工具


Chrome开发工具是Chrome内置的一组调试工具。这些工具使开发人员可以进行各种测试，从而轻松节省大量时间。


特性：


·它允许添加自定义CSS规则


·用户可以查看边距、边框和填充;


·它可以帮助开发人员模拟移动设备


·可以将开发工具用作编辑器


·打开开发工具后，用户可以轻松禁用浏览器的缓存。


下载链接：


#/devtools


19.Modaal


Modaal是前端开发插件，可提供高质量、灵活和可访问的modal。


特性：


·针对辅助技术和屏幕阅读器进行了优化


·完全响应，随浏览器宽度缩放;


·具有SASS选项的可定制CSS


·提供全屏和视口模式


·为画廊打开和关闭modal提供键盘控制


·灵活的关闭选项和方法


下载链接：


https://github.com/humaan/Modaal


20.Less


Less是用来扩展对CSS语言支持的预处理器。它允许开发人员使用一些让CSS更易维护和扩展的技术。


特性：


·它可以免费下载和使用


·它提供了高级样式语法，可让Web设计人员/开发人员创建高级CSS;


·它可以在浏览器开始渲染网页之前轻松地编译为标准CSS


·编译的CSS文件可以上传到生产Web服务器


下载链接：


#/


21.Meteor


Meteor是一个全栈JavaScript
框架，它由一系列库和软件包组成。它在设计理念上对比了参考的框架和库的优点，以简化应用程序的原型制作流程。


特性：


·它提升了应用程序的开发效率


·它带有一些内置功能，包含一些前端库和基于NODE.js的服务器;


·它可以大大加快项目的开发速度


·它提供MongoDB数据库和Minimongo，它们完全用JavaScript编写;


·实时重新加载功能允许开发时只刷新所需的DOM元素


下载链接：


#/install


22.jQuery


jQuery是一种广泛使用的JavaScript库。它使前端开发人员能够专注于各种层面的功能上，它能简化诸如HTML文档遍历、操作和
Ajax之类的事情。


特性：


·QueryUI有助于制作高度交互的Web应用程序


·它是开源的，可以免费使用;


·它提供了强大的主题机制


·它非常稳定且易于维护


·它提供了广泛的浏览器支持


·可以帮助开发人员创建出色的文档


下载链接：


#/download/


23.Github


GitHub是一个受开发人员工作方式启发的Web开发平台。这款工具使开发人员可以查看代码、管理项目和构建软件。


特性：


·轻松协调，保持一致并使用GitHub的项目管理工具完成工作;


·它为开发工作提供了正确的工具


·简单的文档和高质量的编码


·让所有代码集中在一处


·开发人员可以直接从存储库托管其文档


下载链接：


https://github.com/


原文链接：


#/front-end-Web-development-tools.html


以上就是小编今天为大家分享的关于Web前端开发工程师要掌握的前端开发工具的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师。


文章来源：作者|MahipalNehra译者|王强

❼ web前端开发需要哪些工具

Web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员，好用的软件工具可以帮助他们更好的工作。今天千锋武汉给大家分享一下Web前端开发用什么软件。

1、Sublime Text

Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。

2、Dreamweaver

Adobe Dreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 访问代码提示，即可快速了解 HTML、CSS 和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。

3、Visual Studio Code

Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。

4、HBuilder

HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。

5、WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

想知道“Web前端开发用什么软件”，通过网上搜索你可以发现很多，而能否很好的借助这些软件完成项目，关键还要看你的技术。千锋武汉网站上有以上这些工具的安装包，需要的小伙伴自己去下载吧。

❽ 开发团队都用哪些项目管理工具

建议使用企业协作管理软件Worktile。

Worktile 作为一款以项目协作为核心的软件，其在项目管理上的应用主要有以下几点：

1）看板式项目管理：跟踪任务在整个价值流中流经的不同阶段，具体特征如下：

• 流程可视化：将工作拆分成小块，一张卡片写一项任务，再把卡片放到墙上，每一列都起一个名字，显示每件任务在流程中处于什么位置。

• 限制WIP（work in progress）：明确限制流程中每个状态上最多同时进行的任务数。

• 度量生产周期：对流程进行调优，尽可能缩短生产周期，让所有人都参与进来，了解工作进度，负责人等信息。既有利于项目经理对整体的把控，也有助于每个参与者明确自己的职责。

❾ 前端开发常用哪些工具软件

1: sublime 是个代码编辑器, 有很好扩展能力和完全开放的用户自定义配置与神奇实用的编辑状态恢复功能；
2: webstorm 是一个WEB前端开发神器,功能非常强大(强推)；
3: eclipse 就其本身而言，它只是一个框架和一组服务，但他有很强大的插件集，用于通过插件组件构建开发环境, 用来进行扩展；
5: Dreamweaver 一个非常经典的开发工具。
6: notepad++ 文本编辑器,软件小巧高效，支持27种编程语言;
7: EditPlus 一个功能比较强大的文本编辑器，也支持多种编程语言.，而且他还有文本对比功能；