gulp

1、安装bower
npm install -g bower

2、创建项目文件夹
angularProject

3、初始化项目
npm init #配置package.json文件
bower init #新建bower.json


4、安装其他项目依赖
    #其他项目依赖也用此命令安装,这些依赖将自动安装到bower_component文件夹下,在代码中引入制定的位置即可
#安装时使用--save将自动保存配置信息至bower.json的dependencies数组中,使用--save-dev将自动保存配置信息至bower.json的devDependencies数组中。 
    #保存至bower.json后,其他开发者对应下载即可(命令提示符执行bower install,则会根据bower.json下载所有依赖包,bower install --production只下载dependencies节点的包)。
    bower install angular jquery bootstrap --save-dev

5、安装gulp及工具
    npm install -g gulp
#全局安装gulp后可以在命令行中使用gulp命令,执行gulp任务
    npm install --save-dev gulp
$本地安装gulp插件,以便在配置文件中调用gulp插件的功能
    npm install autoprefixer-core babel-preset-es2015 browser-sync gulp-autoprefixer gulp-babel gulp-changed gulp-clean gulp-clean-css gulp-concat gulp-csso gulp-htmlmin gulp-jshint gulp-load-plugins gulp-ng-annotate gulp-ng-html2js gulp-rename gulp-rev gulp-rev-collector gulp-sequence gulp-size gulp-uglify gulp-useref http-server jasmine-core jshint jshint-stylish url --save-dev
#安装插件

6、配置gulpfile.js
7、项目编写
8、运行gulp任务
    gulp clean 
#清空编译目录
    gulp build 
#编译打包
    gulp serve 
#开启开发环境服务器 http://localhost:8080
    gulp serve-release 

#开启生产环境服务器 http://localhost:8081




https://www.cnblogs.com/AnnieShen/p/6005525.html






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值