init project
This commit is contained in:
+45
@@ -0,0 +1,45 @@
|
||||
import fs from 'node:fs';
|
||||
import path from 'node:path';
|
||||
export function writeStaticHtmlTemplate(targetDir, name) {
|
||||
fs.mkdirSync(targetDir, { recursive: true });
|
||||
fs.writeFileSync(path.join(targetDir, 'index.html'), `<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>${name}</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>${name}</h1>
|
||||
<p>Edit <code>index.html</code>, <code>style.css</code>, and <code>script.js</code> to get started.</p>
|
||||
</main>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
fs.writeFileSync(path.join(targetDir, 'style.css'), `:root {
|
||||
color-scheme: light dark;
|
||||
font-family: system-ui, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 40rem;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
`);
|
||||
fs.writeFileSync(path.join(targetDir, 'script.js'), `// Entry point for ${name}.
|
||||
console.log('${name} loaded');
|
||||
`);
|
||||
return targetDir;
|
||||
}
|
||||
//# sourceMappingURL=staticHtml.js.map
|
||||
Reference in New Issue
Block a user