This template leverages ColdBox and the ColdBox Elixir project for front end asset management and compilations. You can place all your static assets in the resources/assets folder and Elixir will combine, version, copy, and even babelify your code to their appropriate location in the includes folder.

Please check out the ColdBox Elixir documentation for further information: https://coldbox-elixir.ortusbooks.com/v/v3/

It also leverages Vuejs for your front end framework.

Apache License, Version 2.0.

Source Code

• https://github.com/coldbox-templates/elixir-vuejs

This project uses Vue 3, Node 16, NPM 8, and Webpack 5.3.2.31. It's best to use NVM to manage your node installation.

nvm install 16
nvm use 16
npm install -g [email protected]

And be sure to delete your node_modules folder, if it exists from a previous installation.

Each application templates contains a box.json so it can leverage CommandBox for its dependencies.
Just go into each template directory and type:

box install

This will setup all the needed dependencies for each application template. You can then type:

box server start

And run the application.

You will find a package.json and a webpack.config.js in the root of this template. You can install ColdBox elixir by typing:

npm install

Then a node_modules folder will be created will all the needed dependencies for ColdBox Elixir. You can then just run npm run dev for asset combination and management for development environments. Run npm run prd so it can do minification of assets as well for production environments. Run npm run watch for starting watchers in all ColdBox convetions for changes and asset recompilation.

The resources/js folder includes a filters and components directory where you can drop Vue.js filters and .vue components. You can then run our elixir gulp task to broswerify them into the appropriate includes file. Now get your Vue.js on!

"I am the way, and the truth, and the life; no one comes to the Father, but by me (JESUS)" Jn 14:1-12