一、npm是什么?
NPM是随同NodeJS一起安装的包管理工具。
为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。
更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。
二、使用 npm 命令安装模块
1.本地安装
- 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
- 可以通过 require() 来引入本地安装的包。
2.全局安装
- 将安装包放在 /usr/local 下或者你 node 的安装目录。
- 可以直接在命令行里使用。
npm install vue # 本地安装
npm install vue -g # 全局安装
npm list -g //查看安装信息(包括包安装路径:C:\Users\wb-zwb534539\AppData\Roaming\npm)
npm list vue //查看某个模块的版本号
npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象
npm i module_name -D => npm install module_name --save-dev 写入到 devDependencies 对象
//devDependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的
三、使用 package.json
package.json 位于模块的目录下,用于定义包的属性。
四、卸载模块、更新模块、搜索模块
npm uninstall express
npm update express
npm search express
五、使用淘宝 NPM 镜像
大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:
cnpm install [name]
设置淘宝镜像
npm config set registry https://registry.npm.taobao.org
恢复使用
npm config set registry https://registry.npmjs.org
验证是否设置成功
npm config get registry
npm init -y //项目初始化。-y 的含义:生成的默认的package.json
六、版本号
使用NPM下载和发布代码时都会接触到版本号。
语义版本号分为X.Y.Z三位,分别代表主版本号、次版本号和补丁版本号。当代码变更时,版本号按以下原则更新。
- 如果只是修复bug,需要更新Z位。
- 如果是新增了功能,但是向下兼容,需要更新Y位。
- 如果有大变动,向下不兼容,需要更新X位。
# 克隆项目
git clone -b master https://github.com/chuzhixin/vue-admin-beautiful.git
# 安装依赖
npm i (npm i --legacy-peer-deps)
# 本地开发 启动项目
npm run serve