标签:源安装 介绍 发布 vue 镜像 包管理 它的 enc 不用
Nodejs的诞生,给前端开发世界带来了翻天覆地的变化。
前端工程化,各种工具,以及向后端的能力扩展。
车子离不开轮子,node(前后端)开发离不开npm这个包管理工具,在这总结下常用配套工具:
安装Nodejs会自带 npm,这个默认的包管理器。
常用的基本命令有
npm init
安装包
如果是clone一个已有工程,下到本地第一步自然是安装所有的依赖包了。
npm install
// 简写:
npm i
如果要全局安装一个包,
npm install -global <packagename>
// 或简写
npm i -g <packagename>
如果是局部安装,只在本项目工程内使用,有开发依赖与生产依赖之分
npm install --save <packagename>
// 或简写:
npm i -S <packagename>
npm install --save-dev <packagename>
// 或简写:
npm i -D <packagename>
执行命令
除了初始化和安装包,最常用的要数npm run <commandname>
了。
即执行命令任务。
都可以执行什么呢?
可执行的命令任务都配置在了package.json文件的scripts
下。
初始化完成后往往都是有一个默认的test
命令。
类似的,我们可以在这里添加自己的任务内容。
比如:
"scripts": {
"start": "webpack-dev-server --open",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js",
},
以上配置中,键值对中的键名自己随便起,后面的值,就根据你装的对应的包来了,
如webpack-dev-server就是方便前端开发用的模拟接口用的服务器,
eslint是语法检查排错的工具。
在后面的就是传的参数了。
特别的一点是,npm start
是默认就有的一个命令,
其实就是它可以省略run
而已,
执行的还是npm run start
。
补充:
国内访问国外的npm服务器来安装的话,网速缓慢,经常会出现安装失败的情况。
往往都是用淘宝 NPM 镜像cnpm
来安装。
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm
来安装各种依赖包了npm
换成cnpm
而已,其它install用法完全一样。cnpm install <packagename>
这样,包安装就快多了,基本不可能安装失败。
另外,不能一个包用npm装,一个包就cnpm装,反正我试的时候要删掉node_modules
文件夹重新用同一源安装。
上面说到了cnpm
,改用访问淘宝NPM镜像,这是一种方式。
还有很多另外的源,nrm是统一管理的工具,可以一键切换npm包安装源。
npm install -g nrm
查看源
nrm ls
显示源列表:
* npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
taobao - https://registry.npm.taobao.org/
nj ----- https://registry.nodejitsu.com/
npmMirror https://skimdb.npmjs.com/registry/
edunpm - http://registry.enpmjs.org/
带星号*
的就是当前使用的源,也可以用一下命令查看:
nrm current
// => 显示 npm
切换源
nrm use <originname>
如:
nrm use cnpm
// 显示:
Registry has been set to: http://r.cnpmjs.org/
nrm current
// 显示:
cnpm
注意:
这里的cnpm与上面提到的cnpm不是一回事儿。
这里的cnpm只是给npm切换源,上面的cnpm是单独一个安装工具,除了没有npm publish
,其它都跟npm一样。
安装了node,就是此时最新的版本。
如果要参与的是已有老项目,可能会版本不匹配,环境有问题,
这时候要重新安装一个旧版本的吗?
再做新项目的时候又再卸载重新安装新版本吗?
那样多麻烦。当然有简便的办法了,那就是nvm
,node多版本管理工具。
nvm ls
// 显示:
* 10.15.3 (Currently using 64-bit executable)
8.15.1
即当前使用版本为10.15.3,本机安装了两个版本的node了,另一个是8.15.1
可以通过nvm use [version]
来切换版本
nvm use 8.15.1
// 显示:
Now using node v8.15.1 (64-bit)
很显然,安装的有点旧了,最新的LTS版本都到12.13.0了,
怎么安装最新版呢?
nvm ls avilable
// 显示:
| CURRENT | LTS | OLD STABLE | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
| 13.0.1 | 12.13.0 | 0.12.18 | 0.11.16 |
| 13.0.0 | 10.17.0 | 0.12.17 | 0.11.15 |
| 12.12.0 | 10.16.3 | 0.12.16 | 0.11.14 |
| 12.11.1 | 10.16.2 | 0.12.15 | 0.11.13 |
| 12.11.0 | 10.16.1 | 0.12.14 | 0.11.12 |
| 12.10.0 | 10.16.0 | 0.12.13 | 0.11.11 |
| 12.9.1 | 10.15.3 | 0.12.12 | 0.11.10 |
| 12.9.0 | 10.15.2 | 0.12.11 | 0.11.9 |
| 12.8.1 | 10.15.1 | 0.12.10 | 0.11.8 |
| 12.8.0 | 10.15.0 | 0.12.9 | 0.11.7 |
| 12.7.0 | 10.14.2 | 0.12.8 | 0.11.6 |
| 12.6.0 | 10.14.1 | 0.12.7 | 0.11.5 |
| 12.5.0 | 10.14.0 | 0.12.6 | 0.11.4 |
| 12.4.0 | 10.13.0 | 0.12.5 | 0.11.3 |
| 12.3.1 | 8.16.2 | 0.12.4 | 0.11.2 |
| 12.3.0 | 8.16.1 | 0.12.3 | 0.11.1 |
| 12.2.0 | 8.16.0 | 0.12.2 | 0.11.0 |
| 12.1.0 | 8.15.1 | 0.12.1 | 0.9.12 |
| 12.0.0 | 8.15.0 | 0.12.0 | 0.9.11 |
| 11.15.0 | 8.14.1 | 0.10.48 | 0.9.10 |
This is a partial list. For a complete list, visit https://nodejs.org/download/release
我们来安装一下12.13.0吧
nvm install 12.13.0
显示:
Downloading node.js version 12.13.0 (64-bit)...
Complete
Creating C:\nvm\temp
Downloading npm version 6.12.0... Complete
Installing npm v6.12.0...
Installation complete. If you want to use this version, type
nvm use 12.13.0
告诉我们安装完成,如果要使用这个版本的话就敲入这个命令(nvm use 12.13.0)。
你会发现,安装最新node的时候,npm也是配套更新的。
npx
它的主要特点是,可以让我们直接使用一些包的命令,
不用关心有没有已经安装,因为它检查到没有就会先来安装。
还可以配参数来指定强制安装最新还是使用本地已有。
另外就是临时安装,用完即删,下次npx的时候还会安装。
它还提供类似nvm的功能,供临时切换node版本。
这个我倒是没怎么使用。
与npm相对的还有一个yarn
,在下一篇里再做介绍和总结吧。
标签:源安装 介绍 发布 vue 镜像 包管理 它的 enc 不用
原文地址:https://www.cnblogs.com/CoderMonkie/p/all-about-npm-and-nrm-nvm-npx.html