npm的基本命令

npm的基本命令

1.npm本地安装和全局安装

npm的安装第三方模块分两种方式:本地安装和全局安装

如果模块作外项目依赖,需要引入到指定项目当中,需要本地安装

如果需要模块提供某些命令工具,需要全局安装

 npm install jquery
 npm install http server -g
 npm install -g http server  

-g可以写在前也可以写在后面

image-20220512155231980

 

全局安装的 是安装在系统目录中

本地安装是 在命令行所在文件夹中创建 node_modules文件夹

 

 

2.启动静态服务器步骤

(需要http server的模块)

  • 选择开启服务器的目录

  • 在这个目录下执行http server命令,默认端口是8080(会返回可以访问的ip地址给你)

  • 在这个目录下创建一个index.html文件

  • 打开浏览器 访问http://127.0.0.1:8080/index.html 可以看到html文件内容

  • 如果服务器和其他设备处于同一个网络下(例如同一个WiFi的手机或者电脑)也可以使用ip地址访问此网络

  • ctrl+c关闭服务器

 

 

 

 

 

 

 

 

image-20220512160513188

 

3.npm项目的初始化

1.创建node项目

 npm init

自动生成一个package.json 用来记录生成的这个node项目的基本信息。

  • packagename:

  • version:

  • description:

  • entry point:

  • text command:

  • git repository:

  • keywords:

  • author:

  • license:

  • is this ok:

一直回车,当你使用npm init会需要你设置一些信息,你可以不设置,一直回车

名字自动文件名

image-20220512163446423

 

 

image-20220512163642713

 

2.下载第三方依赖模块

 cnpm install jquer --save

使用--save会自动把这个下载的模块信息,保存进package.json文件中

 cnpm install bootstrap --save

image-20220512164117540

 

3.通过配置文件安装依赖

如果我们需要把项目传递给别人,但是文件太多依赖,不好传输

或者我们忘记把模块包传给别人了

image-20220512164836299

 

 cnpm install

这个命令根据json文件记录的信息,自己把里面的依赖下载回来

posted @ 2022-05-12 17:05  cascadingjia  阅读(170)  评论(0)    收藏  举报