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要快的多。