程序员必备工具箱：进一步探索好用的工具（下）

2024-02-11 23:29:29

前言

在我们的上篇博文中，我们已经介绍了一些非常不错的工具，在本文中，我们将介绍剩下的那些工具。这些工具包括：

Execa
Gulp
Jest
Prettier
Storybook

Execa

通过这个工具，我们可以在代码里执行命令行指令。

安装

npm install execa --save

使用

const execa = require('execa');

(async () => {
  const { stdout } = await execa('ls', ['-l']);
  console.log(stdout);
})();

我们甚至可以用来做一些很酷的事情，比如：

const execa = require('execa');

(async () => {
  const { stdout } = await execa('git', ['add', '.']);
  console.log(stdout);
})();

Gulp

Gulp是一个构建工具，可以帮助您自动化一些重复性的任务，比如：

编译Sass/Less
压缩JavaScript和CSS
创建源映射
合并文件
监视文件更改

安装

npm install gulp --save-dev

使用

const gulp = require('gulp');

gulp.task('default', function() {
  return gulp.src('src/*.js')
    .pipe(babel())
    .pipe(uglify())
    .pipe(gulp.dest('dist'));
});

Jest

Jest是一个JavaScript测试框架，可以帮助您测试您的代码。

安装

npm install jest --save-dev

使用

const sum = (a, b) => a + b;

describe('sum function', () => {
  it('should return the sum of two numbers', () => {
    expect(sum(1, 2)).toBe(3);
  });
});

Prettier

Prettier是一个代码格式化工具，可以帮助您保持您的代码风格一致。

安装

npm install prettier --save-dev

使用

const prettier = require('prettier');

const code = 'const a = 1;\nconst b = 2;';

const formattedCode = prettier.format(code, { parser: 'babel' });

console.log(formattedCode);