這周立夏了剿配,我也翻出了在柜子里躺了半年了 Vue T恤症见,雖然有些折痕,不過穿上去還是意外地不難看捺弦,果然我比較適合黑色系的東西饮寞。
本周沒有什么太大的新聞,不過 nonsense 界還是有篇文章還是值得一讀: The Chinese part of React community 以及 我期待 Vue 改進的一些地方列吼,感覺看完各位都會男默女淚幽崩,期待哪天真的能有把 Vue 噴到點子上的文章出現(xiàn),當然也包括我寞钥。
言歸正傳慌申,看看這周都有哪些有趣的輪子出現(xiàn):
代碼格式化: prettier/eslint-config-prettier
Prettier 雖然是比較新的項目但是通過口口相傳應該已經(jīng)有不少人使用過了,如果你想將其和 ESLint 搭配使用 (畢竟它只是個 style formatter 而不承擔檢查 code quality 的責任)理郑,可以使用 eslint-config-prettier蹄溉。既然已經(jīng)用了 ESLint,那么 .vue
文件當然只是支持的了您炉,算是曲線救國吧柒爵。
清理不需要的 node_modules: bntzio/wipe-modules
每次用 cleanMyMac 清理文件的時候都會在查找大文件的時候卡很久,原因就是 node_modules 太多了邻吭。用這個工具可以清理掉不活躍的項目餐弱。
搜索 npm 模塊: npmarket
用于搜索 npm 模塊的 web app,作者使用了類似郵箱的設計讓快速搜索切換項目變得異常簡單囱晴。值得一指的是使用了 Vue 和 Poi 進行開發(fā)膏蚓。
錯別字殺手: maybe-you-meant
class Foo extends Component {
static propTypes = {
foobar: PropTypes.string
}
static defaultProps = {
foobar: 'whatever'
}
}
// Somewhere in the app
// Oops! We misspelled, but we won't blow up because of a default prop type.
<Foo foobbar='not whatever' />
想要 foobar 結果寫成了 foobbar? maybe-you-meant 可以提醒你:
IntelliSense for GitHub: pd4d10/intelli-octo
給 GitHub 上的代碼塊加上類似 IDE 那種的 IntelliSense 智能感知功能。
Webpack 鏈式調用 API: mozilla-neutrino/webpack-chain
通過更抽象的 API 讓管理和重組 Webpack config 變得可行畸写,主要的使用場景是用于基于 webpack 的 wrapper 比如 neutrino (用了) 驮瞧、Poi (用了) 和 Next.js (沒用) 等等。試想假如 Next.js 默認的 Webpack 配置使用了 Webpack 的 progress 插件 webpack/lib/ProgressPlugin
枯芬,之前你去掉它的辦法是:
config.plugins = config.plugins
.filter(p => p.name !== 'ProgressPlugin')
而現(xiàn)在你可以用更優(yōu)雅的 API 同時沒有在「蒙」的感覺:
config.plugins.delete('progress')
這樣的設計讓原地修改插件论笔、loader 的參數(shù)也變得可行:
config.module.rule('vue').loader('vue').tap(options => {
options.loaders.html = 'pug-loader'
return options
})
寫在最后采郎,如果你想推薦一些項目,請盡量 (wubi) 給出推薦的理由 :P