Skip to content

Commit 1d37e8d

Browse files
committed
add readme
1 parent f6d9af4 commit 1d37e8d

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,22 +7,33 @@ A demo of lightening-talk in VueConf.HangZhou 2018.11
77
准备三个项目文件夹
88

99
- myProject:用 vue-cli3 的默认选项生成的项目
10+
1011
`vue create myProject`
12+
1113
- reactProject:用 create-react-app 的默认选项生成的项目
14+
1215
`create-react-app reactProject`
16+
1317
- vue-cli-plugin-react:vue-cli 插件项目(我们后面主要是在这个文件夹里玩耍)
18+
1419
`mkdir vue-cli-plugin-react`
20+
1521
`cd vue-cli-plugin-react`
22+
1623
`npm init`
1724

1825
### 步骤:
1926

2027
可通过`git checkout step1``git checkout step2`,……,`git checkout step10`切换步骤。
2128

2229
以下前 8 步都可以通过在 myProject 中执行:
30+
2331
`yarn add --dev file:../vue-cli-plugin-react`
32+
2433
`vue invoke react`
34+
2535
`yarn serve`
36+
2637
观察报错和执行情况。
2738

2839
1. 初始化一个名叫 vue-cli-plugin-react 的空的 vue-cli 插件
@@ -34,11 +45,15 @@ A demo of lightening-talk in VueConf.HangZhou 2018.11
3445
7. 修改 ejs 模板,使其接受 prompts 的参数
3546
8. 增加自定义指令
3647
此时可以在 myProject 中尝试运行
48+
3749
`yarn vueconf`
50+
3851
控制台会输出当前项目相关的一些配置信息
52+
3953
9. 增加 ui.js
4054
10. 完善 ui 选项的读写
4155
此时可以在任意目录下尝试运行
56+
4257
`vue ui`
4358
在可视化界面中把 myProject 添加进项目管理界面
4459
在左侧图标菜单栏中选择“配置”——“vueconf”

0 commit comments

Comments
 (0)