• 技术文章 >web前端 >js教程

    关于使用NPM

    一个新手一个新手2018-05-12 10:27:10原创2189


    首先什么是NPM?

    ——Node Package Manager. 就是js的一个包管理工具。

    话不多说先下载。 (npm是和Node.js一起发布的,只要安装了Node.js,npm也安装好了)
    安装完以后,首先要做的当然是测试是否安装成功。按 win + R 打开 cmd命令提示符 输入 npm -v ,出现提示版本安装成功

    npm -v3.10.10

    如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级
    npm install npm@latest -g

    使用 npm 命令安装模块

    先在电脑上新建一个项目文件夹,在cmd上找到该文件夹
    C:\Users\filbert\Desktop>cd app2
    C:\Users\filbert\Desktop\app2>

    初始化npm,npm init –yes

    C:\Users\filbert\Desktop\app2>npm init --yes
    Wrote to C:\Users\filbert\Desktop\app2\package.json:
    {  "name": "app2",  "version": "1.0.0",  "description": "",  "main": "app2.js",  "scripts": {    
    "test": "echo \"Error: no test specified\" && exit 1"
      },  "keywords": [],  "author": "",  "license": "ISC"}

    安装express框架,npm install express

    C:\Users\filbert\Desktop\ch3>npm install express –save  
      npm WARN ch3@1.0.0 No description  
      npm WARN ch3@1.0.0 No repository field. 
       + express@4.15.4 updated
    1 package in 3.63s

    在项目中要搭建一个node服务器,就要先新建一个js文件,如app2.js

    const path = require('path');const express = require('express');
    const app = new express();const port = 4000;//app.use(express.static('public'));
    app.get('/*', (req, res) => {
        /*const pathname = req.params['0'];    if(!pathname) {
            res.sendFile(path.join(__dirname, 'index.html'));        return;
        }*/
        res.sendFile(path.join(__dirname+'/index.html'));
    });var server = app.listen(port, (error) => {  if (error) {    console.error(error);
      } else {    console.info('==> Listening on port %s. Open up http://localhost:%s/ in your browser.', port, port);
      }
    });

    当你要执行node.js搭建的服务器时,在cmd中输入 node app2.js

    C:\Users\filbert\Desktop\app2>node app2.js
    ==> Listening on port 4000. Open up http://localhost:4000/ in your browser.

    复制 http://localhost:4000/ 即可查看页面

    以上就是关于使用NPM的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:使用 关于
    上一篇:如何解决背景图片加载不出问题 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 一文探究Angular中的服务端渲染(SSR)• react怎么实现列表排序• 深入浅析Node中的进程和线程• 一文聊聊Node包管理发展的五个阶段• 带你了解Angular组件间进行通信的几种方法
    1/1

    PHP中文网