@winjs-dev/create-win 1.0.0-alpha.2

package/templates/sample/.winrc.ts.tpl

@@ -0,0 +1,7 @@
+// https://winjs-dev.github.io/winjs-docs/config/config.html
+import { defineConfig } from '@winner-fed/winjs';
+
+export default defineConfig({
+  npmClient: '{{{ npmClient }}}',
+  mountElementId: '{{{ appContainerName }}}'
+});

package/templates/sample/package.json.tpl

@@ -0,0 +1,21 @@
+{
+  "name": "{{{ projectName }}}",
+  "version": "1.0.0",
+  "buildVersion": "V202101-00-000",
+  "private": true,
+  "author": "{{{ author }}}",
+  "scripts": {
+    "dev": "win dev",
+    "build": "win build",
+    "postinstall": "win setup",
+    "setup": "win setup",
+    "start": "npm run dev",
+    "preview": "win preview"
+  },
+  "dependencies": {
+    "@winner-fed/winjs": "{{{ version }}}"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.3"
+  }
+}

package/templates/sample/plugin.ts.tpl

@@ -0,0 +1,7 @@
+import type { IApi } from 'win';
+
+export default (api: IApi) => {
+  api.modifyHTML(($) => {
+    return $;
+  });
+};

package/templates/sample/src/layouts/index.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="pages">
+    <keep-alive v-if="$route.meta.keepAlive">
+      <router-view />
+    </keep-alive>
+    <router-view v-if="!$route.meta.keepAlive" />
+  </div>
+</template>

package/templates/sample/src/pages/docs.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <p>This is win docs.</p>
+  </div>
+</template>

package/templates/sample/src/pages/hello/index.vue

@@ -0,0 +1,77 @@
+<script setup>
+import { ref } from 'vue';
+/**
+ * 以下仅为事例代码，可以随意扩展修改
+ */
+const title = ref('Welcome to Your Vue.js App.');
+</script>
+<template>
+  <div class="page page-hello">
+    <div class="page-content">
+      <!-- 静态资源路径写法事例 -->
+      <img class="logo" src="@/assets/img/logo.png" alt="logo" />
+      <h1>{{ title }}</h1>
+      <p>
+        有关自定义配置指引， 请前往
+        <a
+          href="https://cloud-templates.github.io/create-project/"
+          target="_blank"
+          rel="noopener"
+          >create-project 文档</a
+        >.
+      </p>
+      <div class="demo">
+        <h3>方法示例</h3>
+        <pre>
+          &lt;script setup&gt;
+          /**
+           * 以下仅为事例代码，可以随意扩展修改
+           */
+          // 工具类
+          import { formatDate } from &#x27;
+import { ref } from &#x27;
+import services from &#x27;
+utils&#x27;;
+vue&#x27;;
+@/services&#x27;;
+
+          const msg = ref(&#x27;Welcome to Your Vue.js App.This a composition-api and setup demo&#x27;);
+          const message = ref(&#x27;现在时间是：&#x27; + formatDate(Date.now()));
+
+          function movieComingSoon () {
+            const data = {};
+            services
+                .octocat({
+                  method: &#x27;get&#x27;,
+                  data
+                })
+                .then((res) =&gt; {
+                  console.log(&#x27;接口请求成功：&#x27; + JSON.stringify(res, null, 2));
+                })
+                .catch((err) =&gt; {
+                  console.log(&#x27;接口请求异常：&#x27; + err);
+                });
+          }
+
+          movieComingSoon();
+        &lt;/script&gt;
+        &lt;template&gt;
+          &lt;div class=&quot;page page-hello&quot;&gt;
+            &lt;div class=&quot;page-content&quot;&gt;
+              &lt;!-- 静态资源路径写法事例 --&gt;
+              &lt;img src=&quot;@/assets/img/logo.png&quot; /&gt;
+              &lt;h1 v-text=&quot;msg&quot;&gt;&lt;/h1&gt;
+              &lt;h2 v-text=&quot;message&quot;&gt;&lt;/h2&gt;
+              &lt;svg-icon icon-name=&quot;dog&quot;&gt;&lt;/svg-icon&gt;
+            &lt;/div&gt;
+          &lt;/div&gt;
+        &lt;/template&gt;
+
+        &lt;style lang=&quot;less&quot; scoped src=&quot;./style.less&quot;&gt;&lt;/style&gt;
+        </pre>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped src="./style.less"></style>

package/templates/sample/src/pages/hello/style.less

@@ -0,0 +1,41 @@
+.page-hello {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+
+  .icons {
+    font-size: 30px;
+    color: #ff5648;
+  }
+
+  .page-content {
+    padding: 0 15px;
+  }
+
+  h1 {
+    margin-bottom: 20px;
+    text-align: center;
+  }
+
+  p {
+    line-height: 23px;
+  }
+
+  a {
+    color: #42b983;
+  }
+
+  .logo {
+    width: 200px;
+    height: 200px;
+    display: block;
+    margin: 30px auto;
+  }
+
+  .demo {
+    padding-top: 25px;
+    margin: 0 auto;
+    text-align: left;
+  }
+}

package/templates/sample/src/pages/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>
+    <h2>Hi! Welcome to Winjs ❤️ Vue!</h2>
+    <p>
+      <img src="@/assets/img/logo.png" width="200" height="200" alt="logo" />
+    </p>
+    <p>To get started, edit <code>pages/index.vue</code> and save to reload.</p>
+  </div>
+</template>

package/templates/sample/tsconfig.json.tpl

@@ -0,0 +1,3 @@
+{
+  "extends": "./src/.win/tsconfig.json"
+}

package/templates/sample/typings.d.ts

@@ -0,0 +1 @@
+import 'win/typings';