列表
node
- nvm:在一臺電腦上管理多個node版本
- async:異步函數的組件(用於低版本)
- bluebird:提供對promise的支持
- node-sass:sass編譯器
- os:node核心模塊的擴充
- cross-spawn:跨平臺spawn(執行腳本)
- glob:glob 最先是出如今類Unix系統的命令行中, 是用來匹配文件路徑的。
express
- express:後端開發框架
- express-mockjs:後端數據發送模擬
vue
- element-ui
- vue-clipboard2:剪切板功能,點擊複製
- vue-echarts:圖表
- vue-grid-layout、vuedraggable:拖拽佈局
- vue-i18n
- vue-quill-editor:富文本編輯器
- vue-router
- vue-template-compiler:獨立的template編譯爲render的插件
- vue-upload-component:圖片上傳組件
- vuex
- vux:Vue 移動端 UI 組件庫
- vux-loader:vux組件的預處理器
- @kazupon/vue-i18n-loader:添加<i18n>使的能夠在組件內管理多語言代碼
webpack
- HappyPack:webpack自己是單線程的,該庫使得它執行的任務分配到多個線程中執行
- progress-bar-webpack-plugin:顯示編譯進度條的插件
- webpack-parallel-uglify-plugin:ParallelUglifyPlugin插件則會開啓多個子進程,把對多個文件壓縮的工做分別給多個子進程去完成,可是每一個子進程仍是經過UglifyJS去壓縮代碼。
- autodll-webpack-plugin:能把第三方依賴的文件能提早進行預編譯打包到一個文件裏面去。提升了構建速度。由於不少第三方插件咱們並不須要改動它,因此咱們想這些第三方庫在咱們每次編譯的時候不要再次構建它就好。
- autoprefixer:一款自動管理瀏覽器前綴的插件,它能夠解析CSS文件而且添加瀏覽器前綴到CSS內容裏,使用Can I Use(caniuse網站)的數據來決定哪些前綴是須要的。
- babel-loader:babel處理器
- chai:具備BDD/TDD風格的驗證庫(測試工具?)
- chalk:控制檯打印,顏色控制
- connect-history-api-fallback:當請求返回404時,請求定位到你指定的索引文件(默認爲/index.html)。(單頁面總返回index頁面問題)
- copy-webpack-plugin:複製靜態文件插件
- cross-env:跨平臺設置環境變量
- css-loader:加載.css文件
- cssnano:css壓縮和優化
- eslint-loader
- extract-text-webpack-plugin:css抽離爲獨立文件,防止將樣式打包在js中引發頁面樣式加載錯亂的現象
- file-loader:文件處理,生成含有MD5的文件名
- Flow:變量靜態類型檢查工具
- flow-bin:跨平臺flow?
- friendly-errors-webpack-plugin:管理打包信息
- html-webpack-plugin:處理html,修改上面的路徑(添加md5等),根據模板和入口文件生成單文件html等
- http-proxy-middleware:用於把請求代理轉發到其餘服務器的中間件。
- Karma:單元測試,面向JS功能邏輯的檢驗。karma並非一個測試框架,也不是一個斷言庫。它能夠運行HTTP Server,運行HTML文件在你喜歡的測試框架上。不單單只是運行測試,還能夠計算測試的覆蓋率。
- NightWatch:e2e測試,面對業務邏輯的檢驗
eslint
- eslint:
- eslint-config-standard:Standard標準,它是一些前端工程師自定的標準。
- eslint-friendly-formatter:讓eslint的錯誤信息出如今終端上
- eslint-plugin-flowtype: flow 的 eslint 插件,讓eslint識別flow
- eslint-plugin-html:ESLint 默認只支持 js 文件的腳本檢測,若是咱們須要支持類 html 文件(如 vue)的內聯腳本檢測
- eslint-plugin-promise:promise格式的最佳實踐?
- eslint-plugin-standard:Standard標準?
前端通用
- Velocity.js JS動畫庫
- xDate、fecha:日期處理庫
- cropperjs、image-cropper:裁剪圖片工具
- html2canvas:將html經過canvas生成圖片
- lodash:實用工具庫,下降 array、number、objects、string 等等的使用難度從而讓 JavaScript 變得更簡單。
- pdfobject:前端預覽pdf
- popper.js:定位引擎,可能用於拖拽等功能
- Video.js:視頻播放插件
- es6-promise:promise的語法糖,rsvp.js的部分提取
- eventsource-polyfill:支持http認證,例如
http://username:password@github.com
測試
- WebDriver:WebDriver是一個開源工具,用於在許多瀏覽器上自動測試webapps。它提供了導航到網頁,用戶輸入,JavaScript執行等功能。
- chromedriver:一個獨立的服務,它爲 Chromium 實現 WebDriver 的 JsonWireProtocol 協議。
babel
- babel-register:在低版本node中支持es6
- 要解析和編譯 async 方法, 你至少應該有 transform-async-to-generator 或 transform-async-to-module-method 插件
- babel-core:babel
- babel-eslint:對全部有效的babel代碼進行lint處理。
- babel-helper-vue-jsx-merge-props:?
- babel-plugin-istanbul:在babel編譯以前使用其餘工具處理ES6代碼,通常用於單元測試的覆蓋率統計
- babel-plugin-jsx-v-model:JSX語法糖,支持使用v-model綁定數據
- babel-plugin-syntax-dynamic-import:import()實現按需加載
- babel-plugin-syntax-jsx:?
- babel-plugin-transform-flow-strip-types:移除flow標記的插件
- babel-plugin-transform-runtime:在轉換 ES2015 語法爲 ECMAScript 5 的語法時,babel 會須要一些輔助函數,transform-runtime 來將這些輔助函數「搬」到一個單獨的模塊 babel-runtime 中,這樣作能減少項目文件的大小。
- babel-plugin-transform-vue-jsx:vue中編譯JSX
- babel-polyfill:支持ES6語法
- babel-preset-env:基於你的實際瀏覽器及運行環境,自動的肯定babel插件及polyfills,轉譯ES2015及此版本以上的語言
- babel-preset-es2015
- babel-preset-stage-2
- babel-register:nodejs使用es6
CSS
歡迎關注本站公眾號,獲取更多信息