create-vite-react-cli 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -47
- package/bin/cli.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,32 +10,29 @@
|
|
|
10
10
|
- 📦 自动配置 TypeScript 类型支持
|
|
11
11
|
- 🚀 现代化的开发体验
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## 使用方法
|
|
14
14
|
|
|
15
|
-
###
|
|
15
|
+
### 推荐方式(最简单)
|
|
16
16
|
|
|
17
17
|
```bash
|
|
18
|
-
npm
|
|
18
|
+
npm create vite-react-cli my-app
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
这是最推荐的使用方式,npm 会自动下载并执行最新版本的脚手架工具。
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
npx create-vite-react-cli my-app
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
## 使用方法
|
|
23
|
+
### 其他使用方式
|
|
28
24
|
|
|
29
|
-
|
|
25
|
+
#### 使用 npx
|
|
30
26
|
|
|
31
27
|
```bash
|
|
32
|
-
create-vite-react my-app
|
|
28
|
+
npx create-vite-react-cli my-app
|
|
33
29
|
```
|
|
34
30
|
|
|
35
|
-
|
|
31
|
+
#### 全局安装后使用
|
|
36
32
|
|
|
37
33
|
```bash
|
|
38
|
-
|
|
34
|
+
npm install -g create-vite-react-cli
|
|
35
|
+
create-vite-react-cli my-app
|
|
39
36
|
```
|
|
40
37
|
|
|
41
38
|
### 交互式创建
|
|
@@ -43,47 +40,31 @@ npx create-vite-react-cli my-app
|
|
|
43
40
|
如果不提供项目名称,工具会提示您输入:
|
|
44
41
|
|
|
45
42
|
```bash
|
|
46
|
-
create
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
## 项目结构
|
|
50
|
-
|
|
51
|
-
创建的项目包含以下结构:
|
|
52
|
-
|
|
53
|
-
```
|
|
54
|
-
my-app/
|
|
55
|
-
├── public/
|
|
56
|
-
│ ├── vite.svg
|
|
57
|
-
│ └── react.svg
|
|
58
|
-
├── src/
|
|
59
|
-
│ ├── App.jsx
|
|
60
|
-
│ ├── App.css
|
|
61
|
-
│ ├── main.jsx
|
|
62
|
-
│ └── index.css
|
|
63
|
-
├── index.html
|
|
64
|
-
├── vite.config.js
|
|
65
|
-
├── package.json
|
|
66
|
-
└── README.md
|
|
43
|
+
npm create vite-react-cli
|
|
67
44
|
```
|
|
68
45
|
|
|
69
46
|
## 创建后的步骤
|
|
70
47
|
|
|
71
48
|
1. 进入项目目录:
|
|
49
|
+
|
|
72
50
|
```bash
|
|
73
51
|
cd my-app
|
|
74
52
|
```
|
|
75
53
|
|
|
76
54
|
2. 安装依赖:
|
|
55
|
+
|
|
77
56
|
```bash
|
|
78
57
|
npm install
|
|
79
58
|
```
|
|
80
59
|
|
|
81
60
|
3. 启动开发服务器:
|
|
61
|
+
|
|
82
62
|
```bash
|
|
83
63
|
npm run dev
|
|
84
64
|
```
|
|
85
65
|
|
|
86
66
|
4. 构建生产版本:
|
|
67
|
+
|
|
87
68
|
```bash
|
|
88
69
|
npm run build
|
|
89
70
|
```
|
|
@@ -93,18 +74,6 @@ my-app/
|
|
|
93
74
|
npm run preview
|
|
94
75
|
```
|
|
95
76
|
|
|
96
|
-
## 发布到 npm
|
|
97
|
-
|
|
98
|
-
1. 确保已登录 npm:
|
|
99
|
-
```bash
|
|
100
|
-
npm login
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
2. 发布包:
|
|
104
|
-
```bash
|
|
105
|
-
npm publish
|
|
106
|
-
```
|
|
107
|
-
|
|
108
77
|
## 许可证
|
|
109
78
|
|
|
110
79
|
MIT
|
|
@@ -112,4 +81,3 @@ MIT
|
|
|
112
81
|
## 作者
|
|
113
82
|
|
|
114
83
|
Pan Min
|
|
115
|
-
|
package/bin/cli.js
CHANGED
|
@@ -6,7 +6,7 @@ const createProject = require('../src/index');
|
|
|
6
6
|
program
|
|
7
7
|
.name('create-vite-react-cli')
|
|
8
8
|
.description('快速创建基于 Vite 的 React 项目')
|
|
9
|
-
.version('1.0.
|
|
9
|
+
.version('1.0.2')
|
|
10
10
|
.argument('[project-name]', '项目名称')
|
|
11
11
|
.action((projectName) => {
|
|
12
12
|
createProject(projectName);
|