前端环境（配置node.js等等）

前端环境

目录

• Node.js基本使用方法，理解模块化编程
• 包资源管理器NPM的使用
• webpack的作用
• s code开发工具的基本使用方法
• ES6常用的新特性语法

1.Node.js

• 简单的说 Node.js 就是运行在服务端的 JavaScript。
• Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
• Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行
• Javascript的速度非常快，性能非常好。
  省略下载安装，安装好node -v查看版本号即可表示安装成功

1.1 控制台输出

我们现在做个最简单的小例子，演示如何在控制台输出，创建文本文件demo1.js,代码内容

var a=1;
var b=2;
console.log(a+b);

命令提示符输入命令

node demo1.js

1.2 使用函数

创建文本文件demo2.js

var c=add(100,200);
console.log(c);
function add(a,b){
   
	return a+b;
}

命令提示符输入命令

node demo2.js

1.3 模块化编程

创建文本文件demo3_1.js

exports.add=function(a,b){
   
	return a+b;
}

创建文本文件demo3_2.js

var demo= require('./demo3_1');
console.log(demo.add(400,600));

我们在命令提示符下输入命令

node demo3_2.js

1.4 创建web服务器

var http = require('http');
http.createServer(function (request, response) {
   
	// 发送 HTTP 头部
	// HTTP 状态值: 200 : OK
	// 内容类型: text/plain
	response.writeHead(200, {
   'Content‐Type': 'text/plain'});
	// 发送响应数据 "Hello World"
	response.end('Hello World\n');
}).listen(8888);
// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

http为node内置的web模块

node demo4.js

服务启动后，我们打开浏览器，输入网址http://localhost:8888/

1.5 理解服务端渲染

我们创建demo5.js ，将上边的例子写成循环的形式

var http = require('http');
	http.createServer(function (request, response) {
   
	// 发送 HTTP 头部
	// HTTP 状态值: 200 : OK
	// 内容类型: text/plain
	response.writeHead(200, {
   'Content-Type': 'text/plain'});
	// 发送响应数据 "Hello World"
	for(var i=0;i<10;i++){
   
		response.write('Hello World\n');
	} 
	response.end('');
}).listen(8888