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
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