nodeJs 安装 npm nodeModules package.json

Nodejs

1.安装nodejs

从nodejs官网下载最新版本的node,设置环境变量这样就可以在cmd下直接用命令行操作npm

环境变量:path  d:/nodejs

查看本机node及npm版本

2.从官网上直接拷一个小脚本:

nodeExample.js

const http = require(‘http‘);

const hostname = ‘127.0.0.1‘;
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader(‘Content-Type‘, ‘text/plain‘);
  res.end(‘Hello World\n‘);
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

可以通过控制台直接运行:

打开浏览器输入http://127.0.0.1:3000/,页面上出现Hello World

如果将Hello World改成Hello NodeJs,刷新浏览器发现页面还是没变,此时要再次在控制台再次运行该js文件,Ctrl+C结束上次活动

3.关于node的npm

nodejs的npm就像java里的maven,是跟着nodejs一起安装的包管理工具,没有它就相当于一切都没有

npm的官方镜像网站是  https://www.npmjs.com/

node包管理器是一个命令行实用程序,它可以让你查找、安装、删除、发布以及做与node封装模块相关的很多事情,这里列出一些常用的命令行选项:

version    该命令可以查看Node npm  V8等一系列的版本        npm version

search         在存储库中查找模块包    npm search express

install          使用在存储库或本地位置上的一个package.json文件来安装包      npm install express

install -g      在全局可访问的位置安装一个包      npm install express -g

remove        删除一个模块                  npm remove express

pack            把在一个package.json文件中定义的模块封装成.tgz文件     npm pack

view            显示模块的详细信息        npm view express

publish       把在一个package.json文件中定义的模块发布到注册表       npm publish

unpublish   取消发布你已发布的一个模块       npm unpublish myModule

owner        允许你在存储库中添加、删除包和列出包的所有者      npm add ownerName  myModule /npm rm ownerName myModule / npm ls myModule

注意,npm install命令没有指定任何模块,这是因为npm在默认情况下会查找一个package.json文件,当你需要额外的模块式,将那些模块添加进依赖指令中,然后再次运行npm install。依赖指令在package.json文件的dependencies里。

4.关于package.json

当我们通过npm install下载相应的插件时,项目中就会自动出现node_modules文件夹,如npm install gulp,我们就可以看到node_modules文件下的gulp文件夹的目录结构:

注意以下这里的package.json,它是一个nodejs和npm都会自动读取的配置文件,它里面是个标准的JSON格式字符串。

如果我们在外部js文件中直接require(‘slib‘),nodejs会自动:

1)看它内置模块中是否有,如果有就优先加载内置模块

2)如果没有就看是否是“路径级”的引用

3)以上都不是就会在node_modules寻找同名文件夹。首先会默认寻找index.js,如果没有则会查看是否在package.json中做了main定义

内置模块如require(‘http‘),路径级如require(‘./xxx.js‘),注意这里的./代表的是当前js文件所在的目录,.js可写可不写,在下载gulp时由于包跟包之间有引用,因此会下载其他一些插件。

我们也可以在node_modules里自定义插件,如在node_modules里新建一个文件夹,里面的js文件一定要定义成index.js,这样当我们引用这个js文件时,node会自动加载这个文件下的index.js,举个例子:

5.自定义插件

如果我们想在node_modules下自定义一个插件,被外部文件引用,而不通过index.js自动加载的方式,那么该怎么定义呢

1)在node_modules下新建一个文件,examplejs,包括aaa.js和package.json

packeage.json只有一行:

{
  "main":"aaa.js"
}

这里的main是指入口,注意:如果这里的aaa.js被命名为index.js,那么我们就不需要package.json了,node会自动加载每个插件下的index.js文件

2)在项目中新建一个showName.js文件,引用上面的examplejs

var getlib=require(‘examplejs‘);
getlib.showName();

3)执行程序:

那么如何将它加入到html中呢

1)新建index.html,将js引进来

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script src="showName.js"></script>
</body>
</html>

2)启动浏览器,报错:

浏览器不识别require,也就是说目前网页还不支持require这种写法

既然要通过require(‘examplejs‘)的方式获取getlib,那么打印一下getlib,在showName.js里添加一行:

console.log(getlib);

查看结果:

发现得到的getlib就是一个对象

修改showName.js

var getlib=require(‘examplejs‘);
for(var a in getlib){
    console.log(a+":"+getlib[a]);
}

执行结果:

可以发现,showName.js已经将getlib里的变量和函数都抽离出来了,这时候index.html就可以引用该js了

时间: 2024-10-01 07:48:15

nodeJs 安装 npm nodeModules package.json的相关文章

NodeJS 安装npm命令行工具

在安装之前,请确保已安装Git和NodeJS. cmd机内命令窗口,输入以下命令: git config --system http.sslcainfo /bin/curl-ca-bundle.crt git clone --recursive git://github.com/isaacs/npm.git cd npm npm install -d 设置国内镜像: npm config set registry http://registry.npmjs.vitecho.com 查看安装信息

npm 与 package.json 快速入门教程

npm 与 package.json 快速入门教程 2017年08月02日 19:16:20 阅读数:33887 npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解了一些,这次结合官方文章总结一下,加深下理解吧! 读完本文你将了解: 什么是 npm? 安装 npm 更新 npm package.json 文件 package.json 如何创建 package.json 的内容 指定依赖的包 Semantic versioning(语义化版本规则) 安装 pa

npm 通过package.json来安装第三方包

通过package.json来安装第三方包 将package.json文件拷贝到项目,在当前目录打开命令行 安装: npm install --production 原文地址:https://www.cnblogs.com/tutumissed/p/8276221.html

npm中package.json详解

通常我们使用npm init命令来创建一个npm程序时,会自动生成一个package.json文件.package.json文件会描述这个NPM包的所有相关信息,包括作者.简介.包依赖.构建等信息,格式是严格的JSON格式. 属性介绍 name name和version是package.json中最重要的两个字段,也是发布到NPM平台上的唯一标识,如果没有正确设置这两个字段,包就不能发布和被下载. version 包的版本号.如"1.0.0". description 包的描述信息,将

npm 和package.json 文件

你可能还记得使用vue-cli 创建vue项目.当创建项目完成后,我们进入到项目目录,启动cmd命令窗口,输入npm install,它就会安装一堆东西(依赖),然后再输入npm run dev, 我们就可以看到网页了,整个项目启动成功.这就是npm 最强大的地方,只使用简单的两个命令,我们就能够快速地在本地启动一个项目. npm install 就是安装模块,npm run dev  就是执行npm script中的命令.当我们执行npm命令的时候,它到哪里去找,这就要说到每个node项目中都

npm与package.json

package.json 包说明文件,可通过 npm init 的方式初始化创建,会以向导的方式引导创建(问一句答一句) package name: (02)  项目名称,冒号后为默认名称,如果需要修改,在后面敲出来,不需要修改直接敲回车 version: (1.0.0)  项目版本号 description:  项目的描述信息 entry point: (main.js)  项目的启动入口 test command:  测试命令 git repository:  如果项目放到了git上,git

npm的package.json中文文档

http://mujiang.info/translation/npmjs/files/package.json.html https://github.com/ericdum/mujiang.info/issues/6/

npm package.json属性详解

章节目录 概述 name version description keywords homepage bugs license 和用户相关的属性: author, contributors files main bin man directories directories.lib directories.bin directories.man directories.doc directories.example repository scripts config dependencies U

[Node.js] Configuring npm package.json scripts

With a node package manager's (npm) package.json script property, you can preconfigure common tasks like running unit tests with npm $SCRIPT_NAME. package.json: { "name": "commonJSBroswerfiy", "version": "0.0.0", &q