常备工具集合

Author Avatar
TraJoe.Wu 7月 17, 2017
  • 在其它设备中阅读本文章

一些常备工具的集合,涵盖npm packages、Editor 插件、常用软件等

Npm Packages

  • webpack
  • webpack-dev-server
  • webpack-dashboard
  • gulp
  • cnpm
  • nrm (npm镜像源切换)
  • nvm (node版本管理)
  • http-server (启用简易本地服务器)
  • mocha
  • mocha-phantomjs
  • istanbul
  • json-server (简易的json Api服务)
  • hexo
  • create-react-app
  • react-native-cli
  • angular@cli
  • vue-cli
  • vue-migration-helper (vue版本迁移)
  • r.js (require.js打包工具)
  • browser-sync (省时的浏览器同步测试工具)
  • eslint
  • less
  • stylus
  • typescript
  • tmodjs (artTemplate模板编译工具)
  • uglifyjs
  • nodemon (node程序自动重启)
  • devtool (在Electron包装的类chrome开发者工具中调试node)
  • node-inspector (在chrome页面中调试node)

VS code 插件

  • vue
  • Vue 2 Snippets
  • Vetur
  • Reactjs code snippets
  • react-beautify
  • React Native Tools
  • JavaScript(ES6) code snippets
  • ExpressSnippets
  • vscode-icons (VS code文件图标集)
  • language-stylus
  • open-in-browser (在浏览器中预览html)
  • Quokka.js (可为正在编写的代码提供实时反馈,预览函数和计算值的结果)
  • vscode-faker (随机生成姓名、地址、图像、电话号码等)
  • CSS Peek (可在html中导航到css定义的位置)
  • File Peek (可在js或typescript中导航至定义)
  • HTML Boilerplate (html模板)
  • Prettier (代码格式化)
  • Color Info (查看css颜色的信息)
  • minify (压缩合并js/css)
  • Change Case (转换变量风格,驼峰式、下划线风格、snake_case等)
  • Regex Previewer (正则测试工具)