zoukankan      html  css  js  c++  java
  • 【转廖大神】package.json 包安装

    现在我们遇到第一个问题:koa这个包怎么装,app.js才能正常导入它?

    方法一:可以用npm命令直接安装koa。先打开命令提示符,务必把当前目录切换到hello-koa这个目录,然后执行命令:

    C:...hello-koa> npm install koa@2.0.0
    

    npm会把koa2以及koa2依赖的所有包全部安装到当前目录的node_modules目录下。

    方法二:在hello-koa这个目录下创建一个package.json,这个文件描述了我们的hello-koa工程会用到哪些包。完整的文件内容如下:

    {
        "name": "hello-koa2",
        "version": "1.0.0",
        "description": "Hello Koa 2 example with async",
        "main": "app.js",
        "scripts": {
            "start": "node app.js"
        },
        "keywords": [
            "koa",
            "async"
        ],
        "author": "Michael Liao",
        "license": "Apache-2.0",
        "repository": {
            "type": "git",
            "url": "https://github.com/michaelliao/learn-javascript.git"
        },
        "dependencies": {
            "koa": "2.0.0"
        }
    }
    

    其中,dependencies描述了我们的工程依赖的包以及版本号。其他字段均用来描述项目信息,可任意填写。

    然后,我们在hello-koa目录下执行npm install就可以把所需包以及依赖包一次性全部装好:

    C:...hello-koa> npm install
    

    很显然,第二个方法更靠谱,因为我们只要在package.json正确设置了依赖,npm就会把所有用到的包都装好。

    注意,任何时候都可以直接删除整个node_modules目录,因为用npm install命令可以完整地重新下载所有依赖。并且,这个目录不应该被放入版本控制中。

    现在,我们的工程结构如下:

    hello-koa/
    |
    +- .vscode/
    |  |
    |  +- launch.json <-- VSCode 配置文件
    |
    +- app.js <-- 使用koa的js
    |
    +- package.json <-- 项目描述文件
    |
    +- node_modules/ <-- npm安装的所有依赖包
    

    紧接着,我们在package.json中添加依赖包:

    "dependencies": {
        "koa": "2.0.0"
    }
    

    然后使用npm install命令安装后,在VS Code中执行app.js,调试控制台输出如下:

    node --debug-brk=40645 --nolazy app.js 
    Debugger listening on port 40645
    app started at port 3000...
    

    我们打开浏览器,输入http://localhost:3000,即可看到效果:

    koa-browser

    还可以直接用命令node app.js在命令行启动程序,或者用npm start启动。npm start命令会让npm执行定义在package.json文件中的start对应命令:

    "scripts": {
        "start": "node app.js"
    }
  • 相关阅读:
    用js仿探探拖拽卡片的效果、飞卡片的效果,感觉挺酷,最后有美女看哦!
    “TensorFlow 开发者出道计划”全攻略,玩转社区看这里!
    一万字详解 Redis Cluster Gossip 协议
    socket实现一个简单的echo服务
    Netty实现丢弃服务协议(Netty4.X学习一)
    大型情感剧集Selenium:8_selenium网页截图的四种方法
    python原类、类的创建过程与方法
    Flask使用bootstrap为HttpServer添加上传文件功能
    pycharm的集成vim
    几款在线脑图制作工具
  • 原文地址:https://www.cnblogs.com/laocainiao160622/p/10607970.html
Copyright © 2011-2022 走看看