frontman前端手脚架模板

简介

frontman的目的是快速构建前端开发项目所需要的工具及基础配置，前端开发人员可以使用yo frontman命令生成基本项目框架后，再根据项目实际情况对配置进行调整。

快速开始

系统需要安装nodejs及Yeoman工作套件(yo, Bower, Gulp)

安装node,yo,bower,gulp

nodejs可以到官网下载对应系统安装包

nodejs官网

安装完nodejs后默认安装上npm包管理工具

npm -v

在命令提示行中输入检查npm包是否已安装

安装bower

npm i bower -g

安装yo

npm i yo -g

安装 gulp

npm i gulp -g

安装generator-frontman

npm install generator-frontman -g

安装完成后，可在任何目录下使用yo frontman

新建项目

如在E:/github目录新建项目myproject

打开E盘下的github目录，使用快捷键shift+鼠标右键,点击在此处打开命令窗口

新建project目录及切换到该目录

mkdir project && cd project

此命令为windows，文档均为windows下操作

frontman 初始化通用项目手脚架

yo frontman

中间可输入配置，比如项目名称，作者等，可默认直接回车不填。

然后等待npm install安装和bower install安装

如果不需要直接安装依赖npm包和bower包，可使用命令 yo frontman --skip-install

项目启动开发环境

等待npm及bower包安装完成后，键入

gulp

可启动服务环境，浏览器自动打开预览地址

构建环境自动编译less

针对不同项目，需要开发者自己进行配置修改

发布到svn目录

gulp svn

扩展阅读

使用frontui

通过bower install frontui 到本地

更新frontui

bower update frontui

在使用frontui时需要注意frontui文件的路径

待定

创建H5类型项目

yo frontman:mobile