Middleman + VueJS: Bootstap your prototyping process.

This project is very personalized to my workflow but can serve as a useful tool to get your prototypes up and running quickly.

The project includes:

• Middleman - Ruby static site generator
• VueJS 2 - The Progressive JavaScript Framework
• NPM - NPM is the package manager for JavaScript and the world’s largest software registry
• Webpack - Module bundler and pain in the ass

Running the project

Follow the instructions on how to install the libs mentioned above. Once you have those locked down, this is what you'll do:

git clone git@github.com:andreortiz82/middlemanvuejs-starter.git && cd middlemanvuejs-starter

Once you have successfully cloned and are in the project directory, run npm install to install the javascript packages. Then run bundle install to install the gems needed for Middleman.

Ok, almost there. After all the libs for both NPM and Middleman have been added to the project, run bundle exec middleman server. This will start the project and you can start prototyping!

What's in this starter project?

Not much but check it...

• middlemanvuejs-starter
  • Gemfile
  • Gemfile.lock
  • Rakefile
  • config.rb
  • package-lock.json
  • package.json
  • source
    • images
    • index.html.erb
    • javascripts
      • components
        • App.vue
        • Brick.vue
      • site.js
    • layouts
      • layout.erb
    • stylesheets
      • site.css.scss
  • webpack.config.js