Boilerplate for a Typescript project with SASS for CSS and Handlebars for HTML templating.
In a fast evolving tech world, it is vital to keep up the pace. The creation of this boilerplate project comes both from the necessity of learning how to properly assemble, configure and troubleshoot a TypeScript project from scratch, including all the needed dependencies and specificities, as well as, have a ready-to-go solution for new projects to come.
This project also intends to be a comprehensive guide to anyone wanting to follow the same path and assemble his own project from scratch. If you are planning to do so, please take a look at the project documentation.
Clone or download this project. From the project directory run the command npm install
.
To run the project in development mode, from the project directory run the command npm run dev
. Your default
browser should open a window with the project running from http://localhost:3000/.
- SASS CSS Pre-processor: https://sass-lang.com/
- Handlebars Templating Engine: http://handlebarsjs.com/
- TypeScript Scripting Language: https://www.typescriptlang.org/
- Browserify modules / dependencies bundler: http://browserify.org/
- Gulp Task Automator: https://gulpjs.com/
- Browser Sync Server Synchronizing Tool: https://browsersync.io/
- Fork this project: https://github.com/andreros/typescript-boilerplate/fork
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request
André Rosa
- https://bitbucket.org/candrelsrosa
- https://github.com/andreros/
- https://facebook.com/candrelsrosa
- https://twitter.com/candrelsrosa
This is free and unencumbered software released into the public domain. For more information, please refer to http://unlicense.org.