欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

二十四、创建Node项目,深入Nodejs

发布时间:2024/10/8 编程问答 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 二十四、创建Node项目,深入Nodejs 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

@Author:Runsen


@Date:2019/12/05

作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, Java和一系列数据分析软件。导致翘课严重,专业排名中下。.在大学60%的时间,都在CSDN。决定今天比昨天更加努力。

文章目录

  • 创建项目
    • 安装cnpm
  • 安装
    • 本地安装
    • 全局安装
  • npx
  • 设置项目的信息
  • 如何提供一个API

创建项目

数以百万计的开发人员使用npm或yarn 来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首选方式

由于我们中的许多人每天都使用npm,从长远来看,即使节省少量的时间也会产生显著的影响。

换源:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装cnpm

  • 安装cnpm替换npm(npm由于源服务器在国外,下载node包速度较慢,cnpm使用国内镜像):
npm install -g cnpm --registry=https://registry.npm.taobao.org

查看cnpm版本

C:\Users\YIUYE>cnpm -v cnpm@6.1.0 (D:\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js) npm@6.11.3 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js) node@10.15.3 (D:\nodejs\node.exe) npminstall@3.23.0 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js) prefix=D:\nodejs\node_global win32 x64 10.0.18362 registry=https://r.npm.taobao.org

如果我们需要通过 cnpm 去安装一个包时,举例如下:

cnpm i vue

解释: i 指的就是 install。

安装

npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如

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

本地安装

  • 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
  • 可以通过 require() 来引入本地安装的包。
  • 全局安装

  • 将安装包放在 /usr/local 下或者你 node 的安装目录。
  • 可以直接在命令行里使用。
  • 查看安装信息
    你可以使用以下命令来查看所有全局安装的模块:

    $ npm list -g


    如果要查看某个模块的版本号,可以使用命令如下:

    $ npm list express

    每个包里面都有package.json 位于模块的目录下,用于定义包的属性。

    express 包的 package.json 文件,位于 node_modules/express/package.json 内容:

    下面npm install 的简写

    • 安装  —  常规:npm install,简写:npm i。
    • 测试  —  常规:npm test,简写:npm t。
    • 帮助  —  常规:npm --help,简写:npm -h。
    • 搜索 -— 常规:npm search express 简写: npm -s
    • 全局标志 —  常规: --global,简写:-g。
    • 保存为开发依赖 - 常规: - save-dev,简写:-D。
    • npm init 默认值 - 常规:npm init --yes 或 npm init --force,简写:npm init -y 或 npm init -f

    如果需要在本地保存一个npm包,或者通过单个文件下载选择一组可用的包,可以使用–save-bundle或-B将它们捆绑在一起,并使用npm pack获得捆绑包。

    .符号通常用于表示应用程序的根目录,npm术语中的应用程序入口点,即package.json中指定为“main”的值,就是创建项目的index.js

    { "main": "index.js"}

    npx

    npm 从5.2版开始,增加了 npx 命令。它有很多用处,Node 自带 npm 模块,所以可以直接使用 npx 命令,如果报错就要手动安装一下。

    npm install -g npx

    Mocha是JavaScript的一种单元测试框架,假如有一个场景,项目中(项目内部,不是全局)安装了测试工具Mocha,我想在项目中调用 Mocha ,怎么调用?

    之前解决办法:只能在项目脚本和 package.json 的scripts字段里面, 如果想在命令行下调用,只能像下面这样调用

    ./node_modules/.bin/mocha -v

    看到这里,是不是感觉调用很麻烦?所以出现了npx,让项目内部安装的模块用起来更方便,只要像下面这样调用就行了

    npx mocha -v

    如果需要创建react项目,

    老方法:

    npm install -g create-react-app create-react-app my-app

    这里一般采用npx方式:

    npx create-react-app my-app

    这条命令会临时安装 create-react-app 包,命令完成后create-react-app 会删掉,不会出现在 global 中。下次再执行,还是会重新临时安装。

    设置项目的信息

    当运行npm init开始一个新项目时,你可能会发现自己一次又一次地输入配置细节。

    假如,你可能是项目的主要负责人。有时为了节省时间,可以为这些字段设置默认值,如下所示:

    npm config set init.author.name "Runsen" npm config set init.author.email 253510364@qq.com" npm config set init.author.url "Joebloggs.com" npm config set init.license "MIT"

    如果要编辑全局npm设置,使用npm config edit -g。

    如何提供一个API

    首先这里确定所要提供的api是我们最常用的json格式,所以我们要注意后端返回给前端的数据类型。

    const http = require('http');const data = {name: 'Runsen Nodejs 入门示例',description: '这是返回信息的描述内容',date: new Date() };http.createServer((req, res) => {res.setHeader('Content-Type', 'application/json;charset=utf-8');const result = JSON.stringify(data);res.end(result); }).listen(8000, ()=> {console.log('listen on 8000!'); })

    总结

    以上是生活随笔为你收集整理的二十四、创建Node项目,深入Nodejs的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。