Angular 配置插件

prettier

添加prettier保持代码风格一致。prettier只关注格式化，并不具备lint检查语法等能力。

npm install prettier
复制代码

有三种方式安装 在项目目录下添加一个文件prettier.config.js

module.exports = {
  // tab缩进大小,默认为2
  tabWidth: 2,
  // 使用tab缩进，默认false
  useTabs: true,
  // 使用分号, 默认true
  semi: false,
  // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
  singleQuote: true,
  // 行尾逗号,默认none,可选 none|es5|all
  // es5 包括es5中的数组、对象
  // all 包括函数对象等全部可选
  TrailingCooma: 'none',
  // 对象中的空格 默认true
  // true: { foo: bar }
  // false: {foo: bar}
  bracketSpacing: true,
  // JSX标签闭合位置 默认false
  // false: <div
  // className=""
  // style={{}}
  // >
  // true: <div
  // className=""
  // style={{}} >
  // 箭头函数参数括号 默认avoid 可选 avoid| always
  // avoid 能省略括号的时候就省略 例如x => x
  // always 老是有括号
  arrowParens: 'always',
};

复制代码

Normalize.css

Normalize.css是一种CSS reset的替代方案。它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案（necolas.github.io/normalize.c…

创造normalize.css有下面这几个目的：

• 保护有用的浏览器默认样式而不是彻底去掉它们
• 通常化的样式：为大部分HTML元素提供
• 修复浏览器自身的bug并保证各浏览器的一致性
• 优化CSS可用性：用一些小技巧解释代码：用注释和详细的文档来

Hammer.js

简介

• 用于检测触摸手势的 JavaScript 库
• 添加对触摸手势的支持并移除了点击的 300ms
• 支持最多见的单点和多点触摸手势，而且能够彻底扩展以添加自定义手势

webpack-bundle-analyzer

webpack打包体积优化

Docker

Docker是一种新兴的虚拟化技术，可以必定程度上的代替传统虚拟机。不过，Docker 跟传统的虚拟化方式相比具备众多的优点。我也将Docker类比于Python虚拟环境，能够有效的配置各个版本的开发环境，好比深度学习与Java环境。

Jest-前端测试框架

Jest 是跑测试的一个框架，比起angular自带的karma要快的多。