This article comes from 5,254 survey reports on the use of front-end tools around the world. It is hoped that this article will help you better understand the latest trends in front-end development tools.
Composition of respondents
83% of respondents have more than two years of experience in front-end technology, and only 5% have less than one year:
CSS
63% of developers are senior developers and experts:
Although CSS is thought of as just a simple collection of property-parameter-value pairs, CSS can be tricky to master. CSS3 introduced many new features, and it became more and more difficult to master CSS completely.
CSS preprocessor
Over 63% of developers use Sass, which also makes Sass the undisputed first choice for preprocessing. 8% of developers use PostCSS, which is usually used in conjunction with preprocessors such as AutoPrefixer.
Only 14% of developers do not use any preprocessing, they prefer to use raw CSS code. Although this method is slower to develop, it is the easiest and best way to start learning front-end development. If 86% of developers use preprocessors, an average website needs to make 7.2 requests for CSS files.
Only 10% of respondents had tried Less, 19% had tried Stylus, and 80% had never heard of Rework.
How CSS is named
46% of developers use a naming scheme when coding, rising to 57% for advanced CSS developers and experts.
The most popular nomenclature is BEM, accounting for 40% of the total. Next are CSS Modules (16%), OOCSS (15%) and SMACSS (13%).
Other CSS Tools
39% of respondents use Modernizr in their current projects. 14% of respondents use Stylelint to check the validity of CSS. 23% of developers don't use any CSS tools or naming conventions.
JavaScript
51% of respondents are senior developers or experts in JavaScript.
Libraries and Frameworks
Despite the relevance issues, more than 99% of developers have used jQuery before, and 31% of respondents believe that using jQuery is important for most projects. Nearly 70% of respondents still continue to use jQuery in their existing projects:
The framework situation looks a little more confusing:
- 38%的项目目前正在使用React，然而只有29%的开发者认为使用React很流畅，18%人开发者认为使用React很有必要。0.1%的网站被发现使用了React，但请记着，这些调查结果只取自于前端开发人员，并不是所有的网页开发者。
- 25%的项目目前正在使用angular 1，然而只有8%的开发人员认为使用Angular 1很有必要，同时选择使用Angular 2的只有8%。
- Vue.js已被用于10%的项目中，但只有不到6%的开发人员对这个框架感到满意，3%的人认为使用Vue.js很有必要
任务执行工具和模块绑定
有44%的开发者使用Gulp，所以Gulp是当仁不让的最受欢迎工具。同时，更为简单的npm script也从2016年的23%使用率上升到了26%。
Grunt的使用率下滑到了12%。有11%的受访者选择不使用任何任务执行工具。
使用模块绑定的开发者自2016年以来增长了20%，达到68%。其中Webpack是最受欢迎的模块绑定工具，占到了31%，其次是Browserify（11%）、RequireJS（8%）。
编译器：将ES6代码编译为ES5
62%的开发人员正在使用Babel这样的编译器，来将ES6代码编译为对旧浏览器更为友好的ES5代码。31%的受访者听说过这样的编译器，但是并未使用过。7%的开发者从未听说过这样的编译器。
62%这个数据是比较高的。IE和旧的应用并不支持最新的JavaScript语法，所以如果你正在编写的是ES6代码，那么就需要最新的浏览器来支持。如果项目需要在旧的浏览器版本下运行，那么最好编写ES5代码。
其它JavaScript工具
41%的开发者使用ESLint，19%的开发者使用JSLint，14%的开发者使用JSHint这样的工具来检查代码的合法性。
23%的受访者表示，他们不使用任何代码合法性检查工具。但是他们可能会使用文本编辑器和IDE来检查代码错误。
测试工具的使用率在一年时间之内增长了12%，达到了52%。但是纵观过去，JavaScript的测试一直是个挑战。测试驱动开发（TDD）这样的技术虽然能够捕获逻辑错误，却不能捕获异步事件下发生的错误。幸运的是，行为驱动开发（BDD）很可能会融合到真实浏览器的检查活动中，这样也会促使前端测试更加可操作。
目前最流行的系统有：
- Mocha – TDD/BDD（23%）
- Jasmine – BDD（17%）
- QUnit – TDD（4%）
- Jest – TDD/BDD（3%）
- Ava – TDD/BDD（2%）
94%的受访者表示，他们使用过Node.js包管理器npm，有23%的受访者使用过TypeScript。
2017年应该使用什么工具？
总得来说，开发工具是多种多样的。开发人员应该多研究一些预处理器和命名方式等，以便选择最适合自己的。
有以下几点值得注意：
- 如果你需要使用更多的工具，那么Node.js和npm值得选择
- Gulp和Webpack值得尝试
- 学习ES6，即便你一直工作在向后兼容的ES5项目中。
根据调查结果，在选择库时，jQuery是一个合理的选择。在选择框架时，可以选择React，因为它很受欢迎。如果你还没选定框架，那么可以先学习HTML、CSS、JavaScript和浏览器开发的基础知识。这些知识能够帮助你更好了解框架，甚至也可能促使你为框架系统的改进做出贡献。
前端开发工具推荐：
Wijmo 是一款使用 TypeScript 编写的新一代 JavaScript/HTML5 控件集。它秉承触控优先的设计理念，在全球率先支持 AngularJS，并且支持 React、VueJS 以及 TypeScript 2.2，它还提供性能卓越、零依赖的 FlexGrid 和图表等多个控件，是构建企业应用程序的全套控件集。
原文链接：https://www.sitepoint.com/front-end-tooling-trends-2017/
转载请注明出自：葡萄城控件