Tiny npm package that includes the
npm dependencies you need to build your own website with Bulma.
npm install bulma-start
yarn add bulma-start
npm dependencies included in
node-sassto compile your own Sass file
autoprefixerto add support for older browsers
package.json, the following files are included:
.babelrcconfiguration file for Babel
.gitignorecommon Git ignored files
index.htmlthis HTML5 file
_sass/main.scssa basic SCSS file that imports Bulma and explains how to customize your styles, and compiles to
Get your feet wet
This package is meant to provide a good starting point for working with Bulma.
When installing this package with the commands above, it landed in
In order to use it as a template for your project, you might consider copying it to a better suited location:
cd $HOME/projects cp -a $HOME/node_modules/bulma-start my-bulma-project
Alternatively, you could do something similar with a GitHub clone as well.
cd $HOME/projects git clone https://github.com/jgthms/bulma-start mv bulma-start my-bulma-project rm -rf my-bulma-project/.git # cut its roots
Now, that you prepared the groundwork for your project, set up Bulma and run the watchers:
cd my-bulma-project npm install npm start
As long as
npm start is running, it will watch your changes. You can edit
index.html will pick them up upon reload in your browser.
Some controlling output is written to the
npm start console in that process:
npm run to show all available commands:
Copyright and license
Code copyright 2017 Jeremy Thomas. Code released under the MIT license.