我的前端开发js简易有效环境

前端开发主要涉及到html, css(less/sass), javascript这几个方面的知识。真正的快速有效开发，必须实现所谓所见即所得。在构建生产时，可能需要使用gulp/grunt等task runner来将前端所有的任务串联起来，但是在一个简易开发环境中，你可能只需要以下几点就能快速构建本地开发环境。

1. nodejs安装；

2. npm 安装

npm install -g browser-sync

3. 在你需要开发的目录下，启动一个cmd，执行以下命令，开启web server，监视文件变更。

browser-sync start --server --directory --files ./*.*

这时，会自动启动一个默认浏览器，打开你的目录，你随便选择文件运行；

4. 对于javascript你可以在代码中随时加一个debugger命令让js引擎运行到这个位置时自动中断运行，以便供你检查运行的stack

var btn = document.getElementById("btn");
var ret = document.getElementById("ret");
btn.addEventListener(‘click‘, function(){
  ret.innerText = 10 + num.value; 
  debugger
  console.log(ret.innerText);
})

我的前端开发js简易有效环境

原文：http://www.cnblogs.com/kidsitcn/p/5129942.html