前端能效提高之不可忽略的工具、庫和資源

序言

指望有那麼一兩個工具能讓你眼前一亮。javascript

這個列表包含許多種類的資源,因此這裏將它們分組整理 並附相關連接css


CSS 庫 / 設計相關


pure.css 一組小型的自適應CSS模塊


純前端 Javascript 相關



nodejs 工具


  • standard-傻瓜式的 Javascript 語法檢查工具

  • david-幫你找到已通過期的依賴包

  • nrm NPM註冊表管理器 (方便換源)

  • nvm:Node 版本管理器

  • localtunnel-把本機服務暴露到外網

  • nodemon — 自動重啓 NodeJS 應用

  • pm2 — 便捷管理 node 服務進程

  • Handlebars.js — Javascript 模板引擎

  • node-clinic — 一個開箱即用的 Node.js 應用診斷工具。


babel



打包工具



抓包工具


whistle-HTTP,HTTP2,HTTPS,Websocket調試代理

wireshark-免費的抓包工具


測試



文檔



命令行


  • update-notifier - 更新提醒。
  • rimraf - 刪除文件。
  • depd - 給出 deprecated 警告。
  • yargs - 命令行入口套件。
  • yargs-parser - 命令行參數解析。
  • chalk - 輸出不一樣顏色。
  • cheerio - 用類 jQuery 語法處理 HTML。
  • chokidar - 文件監聽。
  • clipboardy - 複製文本到粘貼板。
  • debug - 打印調試信息。
  • deprecate - 給過時警告。
  • glob - 文件查找。
  • tiny-glob - 文件查找。
  • signale - 漂亮的日誌打印。
  • semver - semver 版本處理。
  • execa - 比 child_process 好用,返回 Promise。
  • ora - 控制命令行光標,顯示 loading 等。
  • inquirer - 交互式命令接口,好比 prompt。
  • enquirer - 同上,更 cool 一些。
  • ajv - 參數校驗。
  • ink - 用 React 處理命令行輸出。

工程


  • projj - 本地 git 項目管理,支持 github 和 gitlab。
  • lerna - monorepo 管理。
  • lerna-changelog - 爲 lerna 項目自動生成 changelog。
  • eslint - JS 風格約束。
  • eslint-config-airbnb
  • xo - 封裝自 eslint。
  • prettier - 更主觀的風格自動修改。
  • yeoman-generator - 腳手架工具。
  • serve - 本地靜態服務器。
  • servor - 另外一個靜態服務器。
  • budo - 又一個靜態服務器。
  • np - npm publish 輔助,自動 push、打 tag、升版本等。
  • lint-staged - eslint 提速,只 lint 提交的代碼。
  • coveralls - 覆蓋率。
  • husky - 添加 git hooks。
  • cross-env - 跨平臺的環境變量聲明。
  • concurrently - 在 npm scripts 裏並行執行命令。
  • @zeit/ncc - 打包爲 npm 包爲一個文件。
  • npm-check - 檢測依賴升級狀況,我會和 yarn upgrade-interactive 配合着用,主要用來檢測冗餘依賴。
  • cpx - 複製,支持 glob,而且能夠 watch。
  • onchange - 監聽文件變更而後作一些事。
  • just - 微軟出的任務管理器。
  • tern - 代碼分析器,爲很多編輯器服務。

歡迎關注個人公衆號FE未道 ,不間斷更新, 咱們一塊兒腳踏實地,仰望星空。

相關文章
相關標籤/搜索