feat: 更换命令行名称

xxxsf · xxxsf · commit 926b5a6d532e · 2023-03-31T17:35:47.000+08:00
diff --git a/README.en-US.md b/README.en-US.md
@@ -17,7 +17,7 @@ npm i -g @quarkd/cli
 With NPX:
 
 ```shell
-npx create-quark-element
+npx create-quark-app
 ```
 
 ## how to use
diff --git a/README.md b/README.md
@@ -18,7 +18,7 @@ npm i -g @quarkd/cli
 With NPX:
 
 ```shell
-npx create-quark-element
+npx create-quark-app
 ```
 
 ## 如何使用
diff --git a/package.json b/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "@quarkd/cli",
-  "version": "1.0.6",
-  "description": "",
+  "name": "create-quark-app",
+  "version": "1.0.0",
+  "description": "create quark app.",
   "type": "module",
   "bin": {
-    "create-quark-element": ".dist/index.js"
+    "create-quark-component": ".dist/index.js"
   },
   "scripts": {
     "dev": "tsc -w",
diff --git a/src/index.ts b/src/index.ts
@@ -72,7 +72,7 @@ class ProjectInitiator {
             type: argTargetDir ? null : 'text',
             name: 'projectName',
             message: reset('project name:'),
-            initial: 'my-element',
+            initial: 'my-component',
             onState: (state) => {
               targetDir = this.formatTargetDir(state.value) || this.defaultTargetDir;
             },
@@ -156,7 +156,7 @@ class ProjectInitiator {
   }
 }
 
-const projectInitiator = new ProjectInitiator('my-element', process.cwd(), minimist(process.argv.slice(2), { string: ['_'] }));
+const projectInitiator = new ProjectInitiator('my-component', process.cwd(), minimist(process.argv.slice(2), { string: ['_'] }));
 
 projectInitiator.init().catch((err) => {
   console.log('error', err);
diff --git a/template/application/index.html b/template/application/index.html
@@ -14,6 +14,6 @@
   </head>
   <body>
     <!-- This is your component (custom element). -->
-    <my-element atitle="Hello Quark!"></my-element>
+    <my-component atitle="Hello Quark!"></my-component>
   </body>
 </html>
diff --git a/template/application/package.json b/template/application/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "my-element",
+  "name": "my-component",
   "version": "0.0.3",
   "scripts": {
     "dev": "npm run start",
diff --git a/template/application/src/main.tsx b/template/application/src/main.tsx
@@ -2,8 +2,8 @@ import { QuarkElement, Fragment, property, customElement } from "quarkc";
 import logo from "./logo.png";
 import style from "./main.css";
 
-@customElement({ tag: "my-element", style })
-class MyElement extends QuarkElement {
+@customElement({ tag: "my-component", style })
+class MyComponent extends QuarkElement {
   @property({
     type: Number
   })
@@ -38,4 +38,4 @@ class MyElement extends QuarkElement {
   }
 }
 
-export default MyElement;
+export default MyComponent;

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "name": "my-element",`
	`2`	`+ "name": "my-component",`
`3`	`3`	`"version": "0.0.3",`
`4`	`4`	`"scripts": {`
`5`	`5`	`"dev": "npm run start",`
Original file line number	Diff line number	Diff line change
`@@ -2,8 +2,8 @@ import { QuarkElement, Fragment, property, customElement } from "quarkc";`
`2`	`2`	`import logo from "./logo.png";`
`3`	`3`	`import style from "./main.css";`
`4`	`4`
`5`		`-@customElement({ tag: "my-element", style })`
`6`		`-class MyElement extends QuarkElement {`
	`5`	`+@customElement({ tag: "my-component", style })`
	`6`	`+class MyComponent extends QuarkElement {`
`7`	`7`	`@property({`
`8`	`8`	`type: Number`
`9`	`9`	`})`
`@@ -38,4 +38,4 @@ class MyElement extends QuarkElement {`
`38`	`38`	`}`
`39`	`39`	`}`
`40`	`40`
`41`		`-export default MyElement;`
	`41`	`+export default MyComponent;`