senasaikou-yeoman
add cookie sha256 wow.js animation.css
Last updated a year ago by senasaikou .
ISC · Original npm · Tarball
$ cnpm install senasaikou-yeoman 
SYNC missed versions from official npm registry.

yeoman

自用的webapp配置文件及目录层级

功能

自动化前端, 功能包括: bootstrap、 less、 react

安装:

###直接安装:

    npm install senasaikou-yeoman               

在/node_modules/senasaikou-yeoman/app下进行开发


ps:1、全大小约350M,所以很慢;2、在windows下无法复制,请妥善安排目录;3、因为淘宝的安装设计问题,不建议用cnpm;4、请尽量使用gitbash而非cmd


###clone方法: clone之后:

      cnpm install                                    //用的淘宝npm镜像(未安装可把所有的cnpm改为 npm)
      bower install

执行完后就可在app目录里进行开发。(即跳过下述过程的1-7步)


!!!注意:仔细查看index.html的文件引入格式(less文件引入时html中的后缀名为css,实际为less;react在html中后缀名为js,实际为jsx)


##原实现过程:

1、安装 node

2、安装 yeoman、 bower、 gulp:

       cnpm install -g yo bower gulp            

3、安装yeoman的webapp插件:

       cnpm install -g generator-webapp

4、建立webapp:

       yo webapp

5、安装所用包:

      bower install senasaikou     

此为自己的bower,包含less, bootstrap, jquery, react( bower的github )


6、安装gulp中的less 以及 react

      cnpm install --save-dev gulp-babel babel-preset-es2015 babel-preset-react gulp-less

7、修改gulpfile.js

因为改起来稍显杂直接拷贝此项目的文件拷贝就行(。_。)...,具体请参照最后的链接


8、开启调试

      gulp serve

9、生成项目

      gulp  

over



关于 webapp更多的使用方法参照 generator-webapp

Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (25)
Dev Dependencies (25)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |