项目构建---全步骤

nodeJS安装

• 1.使用bower必须要安装nodeJS，因为bower就是用nodeJS编写的，nodeJS是它的运行平台

• 2.安装nodeJS（就是一个软件）

  
  

• 3.安装完后，可以查看node版本（查看到，说明安装成功）

  
  

bower安装

• 1.使用npm来下载bower

  
  

• 1.1使用npm uninstall bower来卸载

  
  

• 4.nodeJS安装完以后，安装bower。需要全局安装：在任何一个文件夹下都能使用bower命令。

  
  

• 5.查看bower版本，可以查看说明成功安装。

  
  

gulp安装

-6.开启项目，创建一个根目录（根目录下创建一个src目录）

• 7.把已经写好的gulpfile.js文件放到项目的根目录当中

• 注意：gulpfile.js文件中有些好的代码（此处代码另开一篇文章）

  
  

• 8.创建package.json文件。记录安装的所有插件信息。

  
  

• 9.全局安装gulp，在Desktop处安装（让电脑支持gulp）

  
  

• 10.切换到项目的根目录中，进行本地安装（让你的项目支持gulp）

  
  
• 11. 下载gulp所需要的插件
      npm install gulp gulp-less gulp-cssmin gulp-concat gulp-connect gulp-uglify gulp-imagemin open --registry=https://registry.npm.taobao.org --save-dev
      

• 12.运行项目（gulp）

  
  

• 13.运行成功以后会生成一个页面，这个页面是在src目录下的html文件。（这个页面内容会和web修改同步，每次修改需要ctrl+s）