腾飞网络

案例展示 我们致力于打造一个优秀的建站资源共享学习平台

栏目简介

             现代前端技术飞速发展,前端已进入了以效率和质量为核心的工程化时代,各种自动化工具和技术的使用大大提高了开发效率。在团队协作中,编码规范至关重要,统一的编码规范可以降低代码维护的成本,但是,纯手工检查代码规范费时费力且难以保证准确性,因此,针对代码规范的自动化工具应运而生,从最早的JSLint,到JSHint,再到今天的ESLint,代码规范工具变得越来越成熟。再结合WebStorm、VSCode等编辑器可以在编写代码的时候自动提醒错误,在开发阶段就避免错误,提高开发效率。本文主要讨论前端工程化在代码规范上的一些实践。 ESLint ESLint是当前最流行的代码规范检查工具,随着ECMA版本一直更新,通过配置检查规则来对代码进行规范检查,具有丰富的插件生态,也可以使用已有的规范以及进行自定义规则,可以满足大部分团队的需求。 下面介绍在react项目中如何使用ESLint。 首先,使用webpack搭建一个react的项目,在此不对具体搭建过程做具体介绍,然后使用npm安装eslint:   npm install eslint babel-eslint --save-dev  在项目根目录下新建.eslintrc文件,用于配置eslint进行代码规范检查的规则,下面是用于react项目的基本配置示例:   {  "parser": "babel-eslint",  "env": {  "browser": true,  "es6": true,  "node": true  },  "parserOptions": {  "ecmaVersion": 6,  "sourceType": "module"  },  "extends": "airbnb",  "rules": {  "react/jsx-filename-extension": [0]  }  }  其中,parser用于指定eslint用来

相关栏目推荐

相关标签云

互联网助阵垃圾分类
photo blog 2019-01-15 案例展示

互联网助阵垃圾分类

一旁功用更完全的废物分类智能化体系已装置到位行将投入运转。借助“互联网+”,运维方让每一袋废物都可溯源,一起居民投进可回收废物将发生积分,积分兑换各种小礼品;相关部分可实时监控,及

网站建设设计方案
photo blog 2018-10-27 案例展示

网站建设设计方案

网站建设设计方案

2018产中国互联网络企业100强 凡是普金科居互金企业首位
photo blog 2018-10-23 案例展示

2018产中国互联网络企业100强 凡是普金科居互金企业首

2018产中国互联网络企业100强 凡是普金科居互金企业首位

2018互联网络趋向演讲
photo blog 2018-10-23 案例展示

2018互联网络趋向演讲

2018互联网络趋向演讲

2018年本国二维码事业异状与停滞趋向综合
photo blog 2018-10-23 案例展示

2018年本国二维码事业异状与停滞趋向综合

2018年本国二维码事业异状与停滞趋向综合

2018年小学英语先生资历面试宣讲文献沙盘
photo blog 2018-10-23 案例展示

2018年小学英语先生资历面试宣讲文献沙盘

2018年小学英语先生资历面试宣讲文献沙盘