Simlply clone this folder, or click on the file you're interested in and just copy it to your working direcotry.
git clone [email protected]:acbrandao/templates.gitAs described above clone the this repositry first into the folder you are working in.
This create a templates folder in the same directory where you issues the git clone. Next just copy the individual template(s) you need to from the /templates folder into the folder you want to use like:
cp templates/index.html .or maybe you want to start a basic a VUE page named vue.php
cp templates/vuejs.html vue.phpor a reload script as idnex.html
cp templates/vuereload.html index.htmlThis scripts are useful as development aids. be sure to copy them both from the templates folder into the folder where you want them to be used. This is required as the hotreload.php works in the current folder.
cp templates/hotreload.* .Then just include the hotreload js in the section of your web paage like
<head>
<script src="hotreload.js"></script>
</head>
Now you have the index.html ready to go , repeat as needed for each template. Using this technique keeps the original templates unchanged and allows you to re-use them as often as needed.
| Directroy | Description | Dependencies |
|---|---|---|
| index.html | A plain HTML5 document | HTML |
| vuejs | A plain VUE JS startign page document | HTML5, VUeJS (via CDN) |
| bootstrap | A plain Bootstrap 4 starter page document | HTML5, Bootstrap 4 (via CDN) |
| jquery | A plain Jquery 3 starter page document | HTML5, Jquery 3 (via CDN) |
| nodejs_http2 | A plain http-server in node, server most text/plain html page documents | nodejs, JS ) |
hotrealod.js and hotrealod.php are helper scripts when developing applications where the UI is changing quickly, and as a developer aid to more quickly show pages.
if you are using Visual Studio (VS Code) code editor https://code.visualstudio.com/ , you may not need many of these templates as they are built-in to VS Code using something they termed Emmet (https://code.visualstudio.com/docs/editor/emmet) which is a syntax expansion capability built in for most populat languages.
Using something like this, just start a new file save it as filename.html then using then just tye html:5 for example and it will expand the code to :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body></body>
</html>- Fork it!
- 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 :D
This code is licensed under the MIT license. See https://opensource.org/licenses/MIT for details.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent