【了解npm和node上】通过实践了解npm

如图有一个dome—1文件夹里面有一个index.js和a.js


【了解npm和node上】通过实践了解npm_第1张图片
image.png

index代码如下

//当前文件的执行
var a=1
console.log(a) 

//引用自己写好的模块(a.js)
var sayHello = require('./a')  
sayHello('zeeliu') 

//引用别人写好的模块
var marked =require('marked')
var str=marked('#你好') 
console.log(str)

首先去掉引用别人和自己模块的代码 如下图


【了解npm和node上】通过实践了解npm_第2张图片
image.png

用终端cd到dome-1目录下然后下面的代码执行 node index.js

node index.js //用来执行一个js文件

如图能打印出1来 如下图

image.png

接下来引用自己的模块(完善a.js文件)

index应用a.js


【了解npm和node上】通过实践了解npm_第3张图片
image.png

a.js中的内容


【了解npm和node上】通过实践了解npm_第4张图片
image.png

执行 node index.js


【了解npm和node上】通过实践了解npm_第5张图片
image.png

a.js也能打印出来 这就是node的模块化引用


引用别人的模块(从npm下载依赖包使用)

接下来我们要使用marked;这是一个复杂的功能且网上有很多别人上传的包;所以就没必要自己写了。

步骤如下

首先在npm官网搜索你需要的工具;找到工具的名称(npm上传包不能同名所以下载的时候也是根据名称下载)

下载到当前目录下面(例如找到的工具名称为‘marked’)

npm install marked //安装在当前目录而非全局

如果是初次下载工具你会发现报错如下图(saveError--保存错误)


【了解npm和node上】通过实践了解npm_第6张图片
image.png

这里是因为该文件夹没有初始化

文件夹初始化是我们制作自己的包并且上传到npm上的第一步所以在【了解npm和node中】那一篇博客会详解

npm init //初始化

所以这里我们初始化连续回车此时dome-1文件夹里面多了个package.json文件如下图:(里面的参数这里不做讨论package.json)

在执行

npm install marked
【了解npm和node上】通过实践了解npm_第7张图片
image.png

此时dome-1文件夹里面就有一个node_modules文件夹(以后这个项目下载的依赖都在这里面)里面就有marked工具

这是我们根据marked作者文档里面提供的方法在index.js文件里面写入代码并执行

【了解npm和node上】通过实践了解npm_第8张图片
image.png

以上就是通过npm下载第三方的包在项目中使用

下一文就是怎么做自己的包且上传给别人用;

你可能感兴趣的:(【了解npm和node上】通过实践了解npm)