博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
npm(Node Package Manager)安装、及 操作 教程
阅读量:3958 次
发布时间:2019-05-24

本文共 1488 字,大约阅读时间需要 4 分钟。

文章目录

npm(Node Package Manager)

qq_2405310636的博客,qq此号,如有不懂加此号联系我。

起源:项目出现的问题,即,包之间的互相依赖,影响到项目的运行;

用途:是一个强大的桥梁,它连接Js语言和操作系统;

一、npm的安装和更新

安装:

  • node官网:http://nodejs.org/en/

  • Downloads

  • 选择系统:Windows Installer

  • 在终端(CMD)直接输入,查看版本号,确定是否已经安装好:

    npm -v

更新npm:

  • 在终端(CMD)直接输入,来更新npm:

    npm install npm@5.4.0#其中5.4.0是你所要下载的npm的版本号
    npm install npm@latest -g#其中latest是最新的,-g表示部署到全局

二、npm的常用操作

下载内容到项目、取用、卸载内容、更新内容:

直接在bootcdn里面查找相应的.js的地址,在.html文件里引用:

同效果而使用node的操作:

  • 打开Terminal命令行(Ctrl+Alt+T),输入命令

  • 进入项目目录:

    cd 项目名#如:cd 20.2
  • 初始化:

    npm init -y或npm init --yes#即所有都设置为默认#用于生成package.json

    在当前项目目录下生成该文件,重要的内容(“文件名”:版本号):

    "dependencies":{
    "bootstrap": "^3.3.7", "jquery": "^3.2.1", "vue": "^2.4.2"}

    说明:具有这些内容,输入以下命令会直接添加这些依赖:

    npm i
  • 输入命令下载文件:

    如:

    npm i jquery或npm i vue#等待时间约为1分钟

    它先会在npm找有没有,如果没有就会去网上下载,把jquery文件(或vue文件)弄到默认文件夹node_modules library…下;

    其等效于命令:npm i jquery --save,但默认就是–save,也就是会在package.json中添加相应的依赖代码;

    另外会生成package-lock.json文件;

  • 使用:

    • 打开你用上述命令得到的文件,里面有很多的.js文件;

    • 用鼠标选择你想要的.js文件,拖到你想放的位置,它会自动变成一串地址;

  • 卸载:

    方法1:

    #在Terminal中输入npm uninstall 文件名#如:npm uninstall jquery

    方法2:

    用鼠标选定并删除文件

    说明:

    法1 和法2 的区别在于前者会连带删掉package.json文件中相应的依赖代码,如"jquery": “^3.2.1”

  • 更新:

    npm update 文件名#该方法是把文件更新到最新的版本npm update 文件名@版本号#该方法是把文件更新到指定版本号#两种方式更新完成后,都会反馈版本号信息#如:npm update jquerynpm update jquery@3.0.0

三、确保package.json文件中依赖的正确性

官网:

http://www.npmjs.com/package/normalize.css/

在项目的Terminal(命令行)中输入,来安装normalize.css文件:

npm i normalize.css

卸载normalize.css文件的命令是:

npm uninstall normalize.css

qq_2405310636的博客: 创作不易,引用请注明出处。

转载地址:http://pttzi.baihongyu.com/

你可能感兴趣的文章
Java Web服务收到请求时线程的情况以及session情况
查看>>
SSM配置文件信息加密实现
查看>>
@Produces注解
查看>>
Dubbo+zookeeper基础讲解
查看>>
Windows安装MongoDB 4.0并赋予用户访问权限
查看>>
谈谈序列化—实体bean一定要实现Serializable接口?
查看>>
实用小技巧之电脑如何滚动截屏/截取长图
查看>>
Eclipse离线安装Java Decompiler插件
查看>>
Http预请求options
查看>>
未来设计师的工作模式?从室内设计领域的实时设计说起 | Mixlab趋势
查看>>
智能设计 | MixAI 知识库 No.69
查看>>
通过研究微信文章的相关推荐逻辑 ,尝试生成指南| Mixlab设计黑客
查看>>
浏览器低成本实现免手提的用户体验,使用人脸、手势、姿态追踪 | Mix群聊
查看>>
这个世界上肯定有另一个我,做着我不敢做的事,过着我想过的生活 | MixAI 知识库 No.70...
查看>>
巧用github实现订阅服务 | Mix群聊
查看>>
表情包数据挖掘 | Mix群聊
查看>>
积少成多:十大高效原型设计工具
查看>>
高性能Web应用打造攻略:扩展过程中20个最大的绊脚石
查看>>
如何阅读科研论文
查看>>
理解本真的REST架构风格
查看>>