File tree Expand file tree Collapse file tree 1 file changed +15
-0
lines changed Expand file tree Collapse file tree 1 file changed +15
-0
lines changed Original file line number Diff line number Diff line change @@ -7,22 +7,33 @@ A demo of lightening-talk in VueConf.HangZhou 2018.11
7
7
准备三个项目文件夹
8
8
9
9
- myProject:用 vue-cli3 的默认选项生成的项目
10
+
10
11
` vue create myProject `
12
+
11
13
- reactProject:用 create-react-app 的默认选项生成的项目
14
+
12
15
` create-react-app reactProject `
16
+
13
17
- vue-cli-plugin-react:vue-cli 插件项目(我们后面主要是在这个文件夹里玩耍)
18
+
14
19
` mkdir vue-cli-plugin-react `
20
+
15
21
` cd vue-cli-plugin-react `
22
+
16
23
` npm init `
17
24
18
25
### 步骤:
19
26
20
27
可通过` git checkout step1 ` ,` git checkout step2 ` ,……,` git checkout step10 ` 切换步骤。
21
28
22
29
以下前 8 步都可以通过在 myProject 中执行:
30
+
23
31
` yarn add --dev file:../vue-cli-plugin-react `
32
+
24
33
` vue invoke react `
34
+
25
35
` yarn serve `
36
+
26
37
观察报错和执行情况。
27
38
28
39
1 . 初始化一个名叫 vue-cli-plugin-react 的空的 vue-cli 插件
@@ -34,11 +45,15 @@ A demo of lightening-talk in VueConf.HangZhou 2018.11
34
45
7 . 修改 ejs 模板,使其接受 prompts 的参数
35
46
8 . 增加自定义指令
36
47
此时可以在 myProject 中尝试运行
48
+
37
49
` yarn vueconf `
50
+
38
51
控制台会输出当前项目相关的一些配置信息
52
+
39
53
9 . 增加 ui.js
40
54
10 . 完善 ui 选项的读写
41
55
此时可以在任意目录下尝试运行
56
+
42
57
` vue ui `
43
58
在可视化界面中把 myProject 添加进项目管理界面
44
59
在左侧图标菜单栏中选择“配置”——“vueconf”
You can’t perform that action at this time.
0 commit comments