feat(create-app): add template vanilla-ts (#2023)

Co-authored-by: Henry Vogt <henry.vogt@aoe.com> Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
vitejs · Apr 10, 2021 · 89898d3 · 89898d3
1 parent 7e98c07
commit 89898d3
Show file tree

Hide file tree

Showing 9 changed files with 82 additions and 0 deletions.
diff --git a/packages/create-app/README.md b/packages/create-app/README.md
@@ -35,6 +35,7 @@ yarn create @vitejs/app my-vue-app --template vue
 Currently supported template presets include:
 
 - `vanilla`
+- `vanilla-ts`
 - `vue`
 - `vue-ts`
 - `react`

diff --git a/packages/create-app/index.js b/packages/create-app/index.js
@@ -19,6 +19,7 @@ const cwd = process.cwd()
 
 const TEMPLATES = [
   yellow('vanilla'),
+  yellow('vanilla-ts'),
   green('vue'),
   green('vue-ts'),
   cyan('react'),

diff --git a/packages/create-app/template-vanilla-ts/_gitignore b/packages/create-app/template-vanilla-ts/_gitignore
@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
diff --git a/packages/create-app/template-vanilla-ts/favicon.svg b/packages/create-app/template-vanilla-ts/favicon.svg
diff --git a/packages/create-app/template-vanilla-ts/index.html b/packages/create-app/template-vanilla-ts/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/packages/create-app/template-vanilla-ts/package.json b/packages/create-app/template-vanilla-ts/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "vite-typescript-starter",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "serve": "vite preview"
+  },
+  "devDependencies": {
+    "typescript": "^4.2.3",
+    "vite": "^2.1.5"
+  }
+}
diff --git a/packages/create-app/template-vanilla-ts/src/main.ts b/packages/create-app/template-vanilla-ts/src/main.ts
@@ -0,0 +1,8 @@
+import './style.css'
+
+const app = document.querySelector<HTMLDivElement>('#app')!
+
+app.innerHTML = `
+  <h1>Hello Vite!</h1>
+  <a href="https://vitejs.dev/guide/features.html" target="_blank">Documentation</a>
+`
diff --git a/packages/create-app/template-vanilla-ts/src/style.css b/packages/create-app/template-vanilla-ts/src/style.css
@@ -0,0 +1,8 @@
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
diff --git a/packages/create-app/template-vanilla-ts/tsconfig.json b/packages/create-app/template-vanilla-ts/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "moduleResolution": "Node",
+    "strict": true,
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "types": ["vite/client"],
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true
+  },
+  "include": ["./src"]
+}