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

← Home About Archives Subscribe

React项目脚手架一枚

Feb 23 2017

由来

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

使用

很简单，先安装：npm install boot2env -g 然后就可以使用了；
里面带了两个命令：bootvm 和 coder ，两个命令是两个工具，第二个是脚手架的命令。

bootvm

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

coder

命令的格式为：

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

┌─[[email protected]]─[~/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

┌─[[email protected]]─[~/Public]
└──╼ $bootvm

#####
#######
##O#O## Powered by SpringHack
####### Email: [email protected]
###########
#############
###############
################
#################
#####################
#####################
#################

Boot option:

1. Boot a local VM.
2. Connect to a remote host.
   Choose one: 2
   List all remote host:
3. [email protected]
4. [email protected]
5. [email protected]
6. [email protected]
7. [email protected]
   Choice a host: 1

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