boi脚手架

boi脚手架完整的命令格式如下：

boi new <dirname> --template <template>

--template选项指定项目模板，可以简写为-t。如果不指定项目模板，boi将使用默认模板generator-boiapp；
<dirname>指定创建项目的文件夹名称，可以有以下取值：
- ./或者.或者为空，将当前目录指定为项目目录；
- 任何合法的文件夹名称，比如"boi-webapp",将创建新的文件夹作为项目目录。

boi的脚手架功能是围绕yeoman搭建的，你可以根据yeoman的规范自定义boi脚手架模板，详细的开发规范请查阅自定义脚手架。

默认的脚手架模板generator-boiapp的执行流程如下：

确认你的项目是否要兼容IE8，默认为Y：

? Does your application compatibility with IE8? (Y/n)

选择你的项目需要的node modules：

? Which module(s) would your project needs? (Press <space> to select, <a> to toggle all, <i> to inverse selection)
❯◯ zepto
◯ jQuery
◯ vue.js v1
◯ vue.js v2
◯ React
◯ Angular v1
◯ Angular v2

选择你的项目需要的独立第三方js库文件，这部分文件是以<script>或者<link>标签从html文档中引入的，不会参与编译：

? Which thirdparty lib(s) would your project needs(import with <script> tag by html document) (Press <space> to select, <a> to toggle all, <i> to inverse selection)
❯◯ jQuery 1.10.1
◯ jQuery 2.0.1
◯ BootStrap

以上第三方库文件使用官方的cdn。

是否自动补全CSS hack前缀，默认为Y:
```
? Enable CSS autoprefixer? (Y/n)
```

选择CSS预编译器类型，默认为CSS：

? Which syntax do you want to write your stylesheet (Use arrow keys)
❯ CSS
Less
Scss

与第三条类似，选择项目需要的第三方css库文件：

? Which thirdparty stylesheet(s) would your project needs(import with <link> tag by html document) (Press <space> to select, <a> to toggle all, <i> to inverse selection)
❯◯ BootStrap

是否启用自动生成CSS Sprites功能，默认为Y：
```
? Enable CSS Sprites? (Y/n)
```

选择html模板引擎类型，默认为Html：

? Which engine would you like to render your view (Use arrow keys)
❯ Html
Jade
Swig
Ejs
Handlebar

执行成功后项目的初始目录如下图所示：

├── boi-conf.js
├── package.json
└── src
    ├── assets
    │   ├── icons
    │   │   ├── icon-about.png
    │   │   ├── icon-docs.png
    │   │   └── icon-home.png
    │   └── logo.png
    ├── index.boi-app.html
    ├── js
    │   ├── main.boi-app.js
    │   ├── part.moduleA.js
    │   └── part.moduleB.js
    └── style
        └── main.boi-app.css

根目录下的boi-conf.js是boi的配置文件，脚手架已经为你创建了基础的配置项，你可以参照配置文档进行更细化的配置。

脚手架

boi脚手架

results matching ""

No results matching ""