前端环境
目录
- 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