before-after-diff-checker README

Wanna use Babel or some other code generator to parse your code? And hate to run the compile command again and again just to check what is changed after compilation? Before After Diff Checker is the way to go!

Features

Before After Diff Checker provides a nice one command solution to compile your code, then show the diff between your original code and generated code, which is a productivity booster when you are working on your babel plugin or any code generator.

After set your compileCommand, srcPath and destPath (Work directory based on the closest ancestor of npm base folder.), You can either enable this by setting before-after-diff-checker.filePattern + before-after-diff-checker.enableOnSave, or call command "before-after-diff-checker.runDiff" when you are writing code.

The diff checker will run the compile command and open the side by side comparision between your src file(right side) and your dest file(left side).

Extension Settings

• before-after-diff-checker.compileCommand: The command to compile and generate new files.
• before-after-diff-checker.filePattern: File pattern to match for onSave trigger.
• before-after-diff-checker.srcPath: Specifies the root src path containing source file, set the value as the relative path to closest ancestor of npm base folder.
• before-after-diff-checker.destPath: Specifies the dist path for generated files, the diff checker will open file in same relative path in dist path as src path.
• before-after-diff-checker.enableOnSave: Enable the extension every time when you save the file.

Release Notes

1.0.0

Initial release of Before After Diff Checker.