VexFlow 3.0.9 Tutorial

This page includes details for integrating with VexFlow 3.0.9, which was published in April 2020.

<script> tag

Add the following <script> tag to your HTML page:

<script src="https://unpkg.com/[email protected]/releases/vexflow-min.js"></script>

Then on the same page, add another <script> tag with the following code:

<script>
...
</script>

npm install

If you would like to bundle VexFlow into your web project (e.g., with webpack), you can install VexFlow from npm:

npm install [email protected]

Then, in your project (e.g., app.js), do the following:

...