React项目脚手架一枚 - Dosk技术站   

← Home About Archives Subscribe

React项目脚手架一枚

Feb 23 2017

由来

总是在不断的练习 React 搞项目,总结出了自己的一套开发结构,所以搞成了一个脚手架

使用

很简单,先安装:npm install boot2env -g 然后就可以使用了;
里面带了两个命令:bootvmcoder ,两个命令是两个工具,第二个是脚手架的命令。

bootvm

这个命令是为了帮助用来简化连接 ssh 和 VirtualBox 的命令,如果你想连接 VBox 你需要重新编辑下脚本
~/.ssh/auto_login 里面是配置,每行五个元素,地址、账号、密码、端口、密钥,空白字符分开,当然每个元素也不要含空白

coder

命令的格式为:

1
2
3
4
5
6
7
8
9
10
11
12

┌─[SpringHack@SpringHack]─[~/Public]
└──╼ $coder -h

Usage: coder [options]

Options:

-h, –help output usage information
-V, –version output the version number
-t, –type What to create: project, component, vimrc, bashrc -f, --file File to cerate -s, --ssr SSR enable: default value is false

可见能够创建项目、组件、vimrc和bashrc
项目选型为:React + ES.next + Webpack + MobX ,支持的特性有:Tree Shaking, SSR, ES Decorator
剩下的不多说,安装下来就知道了

最后

留下个 bootvm 的画面:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

┌─[SpringHack@SpringHack]─[~/Public]
└──╼ $bootvm

#####
#######
##O#O## Powered by SpringHack
####### Email: springhack@live.cn
###########
#############
###############
################
#################
#####################
#####################
#################

Boot option:

  1. Boot a local VM.
  2. Connect to a remote host.
    Choose one: 2
    List all remote host:
  3. ubuntu@115.159.151.158
  4. ubuntu@115.159.152.88
  5. root@202.199.24.220
  6. root@202.199.24.205
  7. springhack@127.0.0.1
    Choice a host: 1

会自动连接输入密码使用密钥 -。-