A modern kick-starter for front-end development packed with well-chosen tools
First of all, you need to have installed Node.js and Gulp globally. Then you can install by running the following command in your terminal:
sh -c "$(curl -fsSL https://raw.githubusercontent.com/mantis-stack/mantis-starter/master/install.sh)"Otherwise you can install "manually" doing the following steps:
- Clone the repo:
git clone git@github.com:mantis-stack/mantis-starter.git my-project - Enter the folder:
cd my-project - Install Node dependencies:
npm install - Finally install Bower components:
bower install
But I recommend you to install the easiest way.
You can run the app locally by Gulp
Run gulp to compile and watch files running on localhost:3000
Run gulp build to only compile files
Run gulp dist to compile, optimize and minify files
Run gulp clean to delete the build/ folder (same as rm -rf build)
When you have all installed, the structure will look like this:
node_modules/
src/
├── dependencies/
├── copy/
│ ├── fonts/
│ │ └── *.{eot|svg|ttf|woff}
│ ├── **/*
├── css/
│ ├── components/
│ │ └── *.styl
│ ├── core/
│ │ └── *.styl
│ └── style.styl
├── fonts/
│ └── *.{eot|svg|ttf|woff}
├── html/
│ ├── incs/
│ │ └── *.jade
│ ├── layouts/
│ │ └── *.jade
│ └── index.jade
├── img/
│ ├── backgrounds/
│ │ └── *.{jpg|png|svg}
│ ├── favicons/
│ │ └── *.{png|svg}
│ ├── sprite/
│ │ └── *.svg
│ └── *.{jpg|png|svg}
└── js/
├── app/
│ ├── index.js
│ └── *.js
├── modules/
│ └── *.js
└── app.js
.babelrc
.bowerrc
.editorconfig
.eslintrc
.gitattributes
.gitignore
bower.json
content.json
gulpfile.babel.js
gulpfile.paths.js
logo.png
logo.svg
package.json
README.md
© 2016 Acauã Montiel