工具

gulp

下載node安裝包

安裝node

node -v

npm -v

npm 需要翻墻

cnpm

npm install cnpm -g --registry=https://npm.taobao.org

cnpm -v

gulp的安裝

1、全局安裝

cnpm install gulp -g

gulp -v

2、本地安裝

cnpm install gulp

node的項目構(gòu)建

cnpm init 初始化一個node項目 --- package.json

首先本地安裝gulp? node_modules

創(chuàng)建整個項目的結(jié)構(gòu)

|--項目名稱

|-- dist? # 打包項目存放的目錄

|-- src? # 源代碼存放飛目錄

|--css

|--js

|--img

|--less or sass

|--html

index.html

|-- node_modules # 存放node的模塊（gulp,gulp-less……）

|-- gulpfile.js? # 入口程序，任務(wù)定義文件

|-- package.json # cnpm init，node清單文件

寫任務(wù)：

是在gulpfile.js文件中寫

require來引用 node的模塊 var gulp = require("gulp");

之后安裝本地安裝插件

cnpm install xxx --save-dev

當安裝成功之后，引入對應的插件var gulp-less = require("gulp-less");

定任務(wù)：

gulp.task("任務(wù)名稱",function() {

var a = gulp.src("src/less/*.less")

.pipe(gulp-less())

.pipe(gulp.dest("dist/css"));

})

別人已經(jīng)完成了node項目工作，之后給我們

node_modules? 特別大

package.json

cnpm install #package.json記錄的所有需要的模塊會自動下載下來