写在开头
- 什么是npm
npm是node.js的包管理工具(插件/包增删改查)
npm包的下载器(默认是从国外) - 如何下载
进入node.js官网根据自己的电脑选择相应的版本,我这里下载安装的是windows 64位的 - 如何判断下载成功⭐⭐
- 安装完成之后,win+R键,输入cmd
- 点击确定,打开如下界面,输入⭐⭐⭐
node -v ⭐
npm -v ⭐
只有两个都显示版本号的时候,才说明安装成功。
写在中间
node.js安装成功,我们就要开始创建项目啦,在创建之前我们需要更改安装源
- 如何更改安装源
- 复制下面这个网址,本来我们需要访问外网才可以,但是淘宝为我们提供了,所以我们借过来用即可
npm config set registry https://registry.npm.taobao.org - 把get改为set即可
- npm config set registry https://registry.npm.taobao.org
- 如何创建项目⭐⭐
- 创建文件夹
cd / 进入根目录
md mynpm 添加目录,后面名称可以随意起
cd /mynpm 进入新建的目录,因为要在里面操作 - 初始化
npm init (这种需要一直回车确定yes,所以用下面方式更为方便)
npm init -y ⭐(意思是所有选项都选yes) - 打开HBuilder,找到你创建的目录,选择即可。
- 在你的代码编辑器里面可以看到mynpm
- 如何安装插件
- install i
例如下载jQuery (npm i jquery -S 也可以简写)
npm install jquery -S
下载less
npm i less -D
下载的时候也可以指定版本 npm i jquery@2.1 -S - npm i 安装package.json 规定的所有包/插件
- 如何卸载插件
- uninstall r/un
例如卸载我们刚才安装的jQuery和less
npm uninstall jquery less
- 如何更新插件版本
npm update jquery - 版本的分类
- 3.6.1 x.y.z
x大版本:不兼容的更新
y中版本:更新新的功能
z小版本:修复一个bug - 版本里面有个符号 ^ ⭐
^3.6.1 限制更新的版本不能大于等于4
下面的图是我把自己已经下载过的jQuery删除,然后又重新下载指定版本的jQuery插件,然后可以更新版本,但不会超过3 - 更新之后,可以在jquery.js里面查看更新过的版本号,我的更新为2.2.4
- 修改版本使其不固定的位置在package.json里,给前面加上^就可以
- 3.6.1 固定版本锁定版本 这个是不可以更改版本的 必须先卸载
写在最后
这一系列的操作我们都会了,那么我们再了解环境,以及如何查看
- 环境
生成环境jQuery --save 的简写-S
开发环境less --save-dev 的简写-D
全局 -g 电脑上的所有项目都可以 使用这个插件 - 查看
- npm list查看所有的依赖列表
- npm root view-g 查看全局的安装目录
- npm root view 当前项目的安装目录