写在开头

  1. 什么是npm
    npm是node.js的包管理工具(插件/包增删改查)
    npm包的下载器(默认是从国外)
  2. 如何下载
    进入node.js官网根据自己的电脑选择相应的版本,我这里下载安装的是windows 64位的
  3. 如何判断下载成功⭐⭐
  • 安装完成之后,win+R键,输入cmd
  • 点击确定,打开如下界面,输入⭐⭐⭐
    node -v ⭐
    npm -v ⭐
    只有两个都显示版本号的时候,才说明安装成功。

写在中间

node.js安装成功,我们就要开始创建项目啦,在创建之前我们需要更改安装源

  1. 如何更改安装源
  • 复制下面这个网址,本来我们需要访问外网才可以,但是淘宝为我们提供了,所以我们借过来用即可
    npm config set registry https://registry.npm.taobao.org
  • 把get改为set即可
  • npm config set registry https://registry.npm.taobao.org
  1. 如何创建项目⭐⭐
  • 创建文件夹
    cd / 进入根目录
    md mynpm 添加目录,后面名称可以随意起
    cd /mynpm 进入新建的目录,因为要在里面操作
  • 初始化
    npm init (这种需要一直回车确定yes,所以用下面方式更为方便)
    npm init -y ⭐(意思是所有选项都选yes)
  • 打开HBuilder,找到你创建的目录,选择即可。
  • 在你的代码编辑器里面可以看到mynpm
  1. 如何安装插件
  • install i
    例如下载jQuery (npm i jquery -S 也可以简写)
    npm install jquery -S
    下载less
    npm i less -D
    下载的时候也可以指定版本 npm i jquery@2.1 -S
  • 如何判断使用npm 还是yarn 如何查看npm是否安装成功_npm

  • npm i 安装package.json 规定的所有包/插件
  1. 如何卸载插件
  • uninstall r/un
    例如卸载我们刚才安装的jQuery和less
    npm uninstall jquery less
  1. 如何更新插件版本
    npm update jquery
  2. 版本的分类
  • 3.6.1 x.y.z
    x大版本:不兼容的更新
    y中版本:更新新的功能
    z小版本:修复一个bug
  • 版本里面有个符号 ^ ⭐
    ^3.6.1 限制更新的版本不能大于等于4
    下面的图是我把自己已经下载过的jQuery删除,然后又重新下载指定版本的jQuery插件,然后可以更新版本,但不会超过3
  • 如何判断使用npm 还是yarn 如何查看npm是否安装成功_前端_02

  • 更新之后,可以在jquery.js里面查看更新过的版本号,我的更新为2.2.4
  • 如何判断使用npm 还是yarn 如何查看npm是否安装成功_如何判断使用npm 还是yarn_03

  • 修改版本使其不固定的位置在package.json里,给前面加上^就可以
  • 如何判断使用npm 还是yarn 如何查看npm是否安装成功_npm_04

  • 3.6.1 固定版本锁定版本 这个是不可以更改版本的 必须先卸载
  • 如何判断使用npm 还是yarn 如何查看npm是否安装成功_node.js_05

写在最后

这一系列的操作我们都会了,那么我们再了解环境,以及如何查看

  1. 环境
    生成环境jQuery --save 的简写-S
    开发环境less --save-dev 的简写-D
    全局 -g 电脑上的所有项目都可以 使用这个插件
  2. 查看
  • npm list查看所有的依赖列表
  • npm root view-g 查看全局的安装目录
  • npm root view 当前项目的安装目录