node.js(一)：node.js配置web服务器，npm命令

node.js

概念

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

入门程序

一、安装vscode，并添加几个插件
1、HTML Snippets
超级实用且初级的 H5代码片段以及提示
2、HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索
3、Debugger for Chrome
让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试，真666~
4、vetur
vue框架所需的插件语法高亮、智能感知、Emmet等
5、VueHelper
snippet代码片段

二、配置nodejs环境
略

三、编写js文件，使用终端执行

执行js文件

node js文件名

模块化编程

模块：可以理解为java中的工具类
一、编写模块demo3_lib.js（工具类）
使用关键字exports

//工具类（模块）
//1.导出模块（声明工具类方法）
exports.add=function(a,b){
    return a + b;
}

二、编写业务代码
使用关键字require

//业务代码，调用工具类（模块）
//1.导入模块
var utils = require("./demo3_lib");
var result = utils.add(1,2);
console.log(result);

三、执行

配置web服务器

使用内置的http模块

//通过调用nodejs内置的http模块构建web服务器
//1.导入http模块
var http = require("http");
//2.借助http模块构建web服务器
//listen:指定web服务器端口
//createServer：有一个回调方法，其中提供了req和res
http.createServer(function(request,response){
    //请求参数
    //响应数据
    //1.指定响应头(js对象=json)
    response.writeHead(200,{"content-type":"text/plain;charset=utf-8"}) //参数1：状态码 参数2：请求头对象
    //2.响应数据
    response.write("nodejs很牛!!")
    //3.声明响应结束
    response.end();
}).listen(12345)

结果

获取请求参数
1、获取url：request.url
2、解析url：使用url模块的parse方法，true表示用对象（json）展示

3、获取参数：obj.query.username

代码示例

//通过调用nodejs内置的http模块构建web服务器，并获取请求参数
//1.导入http模块
var http = require("http");
//导入url解析模块
var url = require("url");
//2.借助http模块构建web服务器
//listen:指定web服务器端口
//createServer：有一个回调方法，其中提供了req和res
//request:
//response:response响应对象
http.createServer(function(request,response){
    //请求参数
    //1.获取url
    var testUrl = request.url;
    //2.解析url
    var obj = url.parse(testUrl,true);
    console.log(obj)
    //3.获取参数值
    var username = obj.query.username;
    console.log(username)
    //响应数据
    //1.指定响应头(js对象=json)
    response.writeHead(200,{"content-type":"text/plain;charset=utf-8"}) //参数1：状态码 参数2：请求头对象
    //2.响应数据
    response.write("nodejs很牛!!"+testUrl)
    //3.声明响应结束
    response.end();
}).listen(12345)

npm

什么是npm

npm全称Node Package Manager，他是node包管理和分发工具。其实我们可以把NPM理解为前端的Maven .
我们通过npm 可以很方便地下载js库，管理前端工程.
最近版本的node.js已经集成了npm工具，在命令提示符输入 npm -v 可查看当前npm版本

npm命令

一、初始化npm

选择文件夹，进行初始化操作

npm init

二、本地安装

npm install 依赖名

安装jquery

三、全局安装

1、位置

npm root -g

2、命令

npm install 依赖名 -g

四、批量安装

首先安装淘宝镜像

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

测试是否安装成功

cnpm -v

借助cnpm，对模板进行批量下载

cnpm install

五、测试运行工程

npm run dev

注意，dev是npm配置文件中定义的脚本

六、部署

部署的是静态资源：css，img，js，fonts等

npm run build

注意：build和dev一样也是脚本命令

发现模板中，多了一个dist目录