美文网首页
Nodejs安装与环境配置

Nodejs安装与环境配置

作者: WhiteStruggle | 来源:发表于2020-04-23 21:50 被阅读0次

    下载

    下载对应你系统的Node.js版本:https://nodejs.org/en/download/

    下载

    安装

    基本可以下一步安装,每次勾选需要选内容,其次就是修改存放位置即可

    1. 欢迎界面,直接Next
    2. 协议页面,勾选接受(必然,不接受是不可能下一步的)然后next,想看可以看看
    3. 选择安装位置,任意位置(根据个人情况),然后next
    4. 直接next,默认即可这四个选项即可


      image
    5. 接着界面如下,其意思是安装nodejs需要一些依赖,若勾选,他会自动帮你下载相关的东西,不选的话,就需要自己根据其提供的链接去查看需要的依赖,然后手动下载


      image
    6. 然后点finish
    7. 接着就会开始本地安装
    8. 连着弹出两个cmd窗口,仅仅是告诉一些通知信息,按任意键跳过就行,也可以看看再跳过
    9. (若安装时勾选安装依赖选项)会出现一个powershell界面,会下载需要的依赖和环境,不要手动关闭,否则会下载失败,下载完成会自动关闭,只需要等等就行
    下载的环境有 Visual Studio和python,可以在第二个cmd弹框中知道,Visual Studio有点大,当配置完成就可以卸载了,不想卸载可以不卸载
    
    Visual Studio位置
    

    C:\Program Files (x86)\Microsoft Visual Studio

    利用其文件夹下的   Installer  中的  vs_installer.exe  进行卸载,最后会有残留,直接把icrosoft Visual Studio文件夹删除就行
    

    配置环境

    下载完成,对应目录的内容如下:


    image

    查看node和npm的版本(若可以查看,就代表着nodejs安装成功):

    C:\Users\Lenovo>npm -v
    6.14.4
    C:\Users\Lenovo>node -v
    v12.16.2
    

    引入 required 模块

    修改引入位置

    默认在C盘的路径下,如果不想修改可跳过

    C:\Users\Lenovo\AppData\Roaming\npm
    

    1. 在nodejs安装目录下,新建两个文件夹

    node_cache
    
    node_global
    
    image

    2. 打开cmd窗口,依次输入如下

    npm config set prefix "D:\Node\node_global"
    
    npm config set cache "D:\Node\node_cache"
    

    前面的格式基本是固定的,只需要改一下自己相应文件的目录就行

    3. 查看设置的位置

    C:\Users\用户
    

    位置,搜索 npmrc,一般搜索的第一个就是对应的文件,可以根据时间和位置判断,打开文件你就会发现内容就是你设置的目录

    image
    prefix=D:\Node\node_global
    cache=D:\Node\node_cache
    

    配置环境变量

    在用户变量中修改path中的目录

    (若没有修改引入位置,不需要改变)

    默认为:C:\Users\Lenovo\AppData\Roaming\npm
    

    修改为如图(也就是nodejs目录小4下新建的node_global的目录)

    image

    然后在系统变量新建一个 NODE_PATH

    D:\Node\node_global\node_modules
    //node_modules虽然没有创建,但是在引入资源时会创建
    
    image

    下载

    npm 的包安装分为本地安装(local)、全局安装(global)两种,区别仅仅就只有 -g

    npm install express     # 本地安装
    npm install express -g   # 全局安装
    

    全局安装,使用本地安装,会默认到原本默认的位置,

    C:\Users\Lenovo\AppData\Roaming\npm
    

    配置服务器

    在需要的文件夹下,新建一个js文件

    使用 require 指令来载入 http 模块,并将实例化的 HTTP 赋值给变量 http

    var http = require('http');
    

    使用 http.createServer() 方法创建服务器,并使用 listen 方法绑定 8888 端口。

    例如:
    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(8888);
     
    // 控制台会输出以下信息
    console.log('Server running at http://127.0.0.1:8888/');
    

    打开cmd,输入

    node server.js
    
    image

    http:/ /127.0.0.1:8888/ 表示server.js同级目录,然后根据相对路径找到指定的HTML代码,就可以打开

    问题

    1. http://localhost:8888/favicon.ico 404 错误

    需要引入一个 favicon.ico 的文件,引入到server.js同级目录

    favicon.ico是一个小图标

    image

    2. 目录和文件名不要出现中文,否则会不识别,无法打开对应的文件

    如:

    [Error: ENOENT: no such file or directory, open 'E:\VsCode\MyWebObject\Vue\%E8%A7%86%E9%A2%91%E7%BB%83%E4%B9%A0\watch.html'] {
      errno: -4058,
      code: 'ENOENT',
      syscall: 'open',
      path: 'E:\\VsCode\\MyWebObject\\Vue\\%E8%A7%86%E9%A2%91%E7%BB%83%E4%B9%A0\\watch.html'
    

    参考文章:

    https://www.cnblogs.com/zhouyu2017/p/6485265.html

    https://blog.csdn.net/hj08053127/article/details/77987443

    https://blog.csdn.net/u014420383/article/details/47945819

    相关文章

      网友评论

          本文标题:Nodejs安装与环境配置

          本文链接:https://www.haomeiwen.com/subject/znwzihtx.html