node.js与gulp与es6

node.js真的好用，命令行千万不要觉得高大上，实际上当他是云管理器就好。这里会更新到es6结束，时间肯定会比较长。首先从工具更新器。

下载了node.js后，直接安装，基本不会报错的了，直接打开webstorm，里面有命令行工具，输入npm -v，正常就可以看到版本号了。

然后对自己的项目打包,npm init。然后会出现node_modeules。这里到时会存放你在node下载的第三方工具。会出现package.json文件。这个非常有用，目前dependencies的作用是你就算删了node_modeules里面的工具，你命令行输入npm install，照样恢复。

然后到第三个工具包。jq、gulp之类的，非常方便，不要像以前一样在网上找地址下载之类的，直接命令行npm install jqurey就可以了。可以一次安装多个。

中途遇到个环境问题，要搞起es6，就要有gulp和express。

gulp全局装了就问题不大，可以运行，但是express这个一定要先看看官网的案例再开始，而且浏览器一定要写http://localhost:3000/,不要127.0.0.1/3000这样，有时浏览器不解析。

项目分三部分：前端代码、服务器代码(server)、前端代码编译。

如果是装教程的代码，重点是要在server里面进行install。这个问题是看完express才知道原理。即一项目装两次install。完后可顺利访问环境，进行es6学习。

可配合阮一峰http://es6.ruanyifeng.com/在日常使用。不再做代码注释。

let/const：块级作用域，简单来说就是{}内里面就为一个块。es6自动为严格模式。es5要另外开启。const的对象可以这样变。

function last(){  const PI=3.1415926;  const k={    a:1  }  k.b=3;  console.log(PI,k);}

解构赋值：左边拿右边的数值。有默认值，做变量交换、拿函数里面的值、选择性取数据、.....后拿剩下的数据、对象对对象。以下为简单代码解析

{  let a,b,rest;  [a,b]=[1,2];//一般数组解构赋值  console.log(a,b);}{  let a,b,rest;  [a,b,...rest]=[1,2,3,4,5,6];//...再加个变量为拿剩下的数据  console.log(a,b,rest);}{  let a,b;  ({a,b}={a:1,b:2})//数据解构要相同，对象对对象  console.log(a,b);}{  let a,b,c,rest;  [a,b,c=3]=[1,2];//c为默认值  console.log(a,b,c);}{  let a=1;  let b=2;  [a,b]=[b,a];//变量交换，完成了es5中要靠第三个数来完成的事业  console.log(a,b);}{  function f(){    return [1,2]  }  let a,b;  [a,b]=f();//拿函数的值，实际应用为拿商城的价格和数量  console.log(a,b);}{  function f(){    return [1,2,3,4,5]  }  let a,b,c;  [a,,,b]=f();//，，，可选择性拿数据  console.log(a,b);}{  function f(){    return [1,2,3,4,5]  }  let a,b,c;  [a,,...b]=f();//同之前的拿剩下的数据事例  console.log(a,b);}{  let o={p:42,q:true};  let {p,q}=o;//对象对对象  console.log(p,q);}{  let {a=10,b=5}={a:3};//b为默认值  console.log(a,b);}{  let metaData={    title:'abc',    test:[{      title:'test',      desc:'description'    }]  }  let {title:esTitle,test:[{title:cnTitle}]}=metaData;//模拟拿后台的json数据，这个为重点  console.log(esTitle,cnTitle);//把值输出来}