- Notifications
You must be signed in to change notification settings - Fork0
NotificationsYou must be signed in to change notification settings
le2xx/starter-kit-with-ts
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
This is a startup project template for developing a web interface. There is no jQuery in it, only Vanilla JS,only hardcore! If you need jQuery, then you can add it separately as bootstrap and other modules. This templateincludes a number of useful modules in my opinion that automate part of the work.
This special version with TypeScript and SCSS.
git clone https://github.com/le2xx/frontend-starter-kit.git new-projectcd new-projectnpm installnpm startnpm buildnpm run new-block name-blocknpm run gh-deploy├── src/ #│ ├── app/ # │ │ ├── components/ # Components directory│ │ │ ├── layout/ #│ │ │ │ └── layout.pug # │ │ │ └── component-name/ # Component directory │ │ │ ├── component-name.js # JS file component │ │ │ ├── component-name.pug # Pug file component │ │ │ └── component-name.styl # Styl file component│ │ └── pages/ #│ │ └── index.pug # Index page│ ├── assets/ #│ │ ├── favicons/ # Favicons directory│ │ ├── fonts/ # Directory for font files│ │ └── images/ # Directory for image files│ ├── styles/ #│ │ ├── base.styl # Base stylus file for include other stylus files│ │ ├── fonts.styl # Stylus file for include fonts │ │ ├── mixins.styl # Stylus file for making replayable styles│ │ └── variables.styl # Stylus file for making variables│ ├── main.ts # Main JavaScript file│ └── polyfills.js #├── .gitignore #├── .stylintrc #├── new-block.ts # Script for making new components├── package.json #├── README.md #└── webpack.conf.js # Webpack config file- Add automated testing tools
- Possible to add TypeScript