在Windows下学习Nodejs、Npm和VUE

2022-02-03 08:57:43

前言

本文主要以开发的角度讲解Node.js，Npm和Vue。

Node.js学习

什么是Node.js

Node.js简单来说就是一个IISExpress，提供一个前端Html的独立运行环境。

安装Node.js

首先进入官网下载安装包，官网下载地址：https://nodejs.org/en/download/

下载文件如下图：

安装非常简单，下一步即可。

注：Nodejs安装除了安装Nodejs，还会安装一个Npm，Npm类似于.Net中的Nuget。

安装完成后，环境变量的用户变量的Path中多了一个npm的地址，系统变量中多了一个nodejs的地址，如下图所示：

其中用户变量Path中的npm地址用于存储npm全局下载的js包；系统变量path中的nodejs地址是nodejs的安装目录，这个变量代表，我们在CMD的窗口中输入NodeJS和Npm的命令时，会检索这个地址中的文件的Main函数是否接收，如果接收，那么，就会运行命令内容，这样就实现了命令行控制。

现在我们用命令行测试一下是否安装成功，打开CMD，输入node -v和npm -v，如下图，安装成功。

使用Nodejs

上文提到nodejs是一个IISExpress，现在，我们就来运行下这个服务器。

新建一个文件夹NodeServer，用来做服务器目录。

然后打开cmd，cd到该目录，如cd/d c:/nodeserver。

然后创建一个server.js文件，内容如下：

var http = require(‘http‘);
var fs = require(‘fs‘);
var url = require(‘url‘);
// 创建服务器
http.createServer( function (request, response) {  
   // 解析请求，包括文件名
   var pathname = url.parse(request.url).pathname;
   
   // 输出请求的文件名
   console.log("Request for " + pathname + " received.");
   
   // 从文件系统中读取请求的文件内容
   fs.readFile(pathname.substr(1), function (err, data) {
      if (err) {
         console.log(err);
         // HTTP 状态码: 404 : NOT FOUND
         // Content Type: text/html
         response.writeHead(404, {‘Content-Type‘: ‘text/html‘});
      }else{             
         // HTTP 状态码: 200 : OK
         // Content Type: text/html
         response.writeHead(200, {‘Content-Type‘: ‘text/html‘});    
         
         // 响应文件内容
         response.write(data.toString());        
      }
      //  发送响应数据
      response.end();
   });   
}).listen(8080);
 
// 控制台会输出以下信息
console.log(‘Server running at http://127.0.0.1:8080/‘);

然后在cmd窗口中输入node server.js，如下图：