HTML-LESS-JS-no-webpack-starter
Single page webpage with LESS support and vanillaJS framework
🖊️
Read the article
🐞
Report a Bug
🙋♂️
Request Feature
Table of Contents
- JS no-webpack Template
- Features
- Pre Requisites
- Creating a new project
- Author
- Contributing
- Show your support
- License
JS no-webpack Template
Welcome to our Javascript template meant to be used for Microverse's projects on JS (before webpack)! Generate your JS project the easy way!
Features
- Setup a basic VanillaJS app with a single script or few commands
- Makes LESS ready to use with all its benefits
- Lets us use JS modules and ES6+ available for most browsers
- Ready made examples on CSS and Less
- Sets
stickler
on the repo - Sets
eslint
rules - Example of Web Components
- Gives you a great README to start with
- Easy to generate projects in GitHub
- Meant to be useful for Microverse students and anyone that wants a JS' Apps (no webpack)
Pre Requisites
The script requires you to have:
- Some compatible Linux OS (We tested on Debian/Ubuntu derivatives)
nodejs
latest LTS versiongit
and normal development stuff- Basic terminal and script knowledge
- Some common sense
Now, this is meant to be used as a GitHub Template, so please don't clone this repository (unless you want to collaborate), use this button instead.
Creating a new project
After you used the template in your project, clone your project in you PC and open a terminal inside your project, like this:
git clone <your-repo-link>
cd <Your-project>
First run the script provided:
chmod -x ./run_me.sh
bash ./run_me.sh
In VS Code, Ctrl + Shift + X Search ESLint Install ESLint Restart VS Code
Last but not least the script remove this README and substitute for the renamed README.TEMPLATE (meant to be used for Microverse Projects), so if you are running each command instead of using the script make the change of READMEs manually.
Troubleshooting
License
This project is licensed under the Apache 2 License - see the LICENSE.md file for details.
Author
Contributing
🤝 Contributions, issues and feature requests are welcome! Feel free to check the issues page.
Show your support
🤗 Give a ⭐️ if you like this project!
Icons from: