nvm安装
nvm(Node Version Manager)是一个用来管理node版本的工具。我们之所以需要使用node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm的安装非常简单,步骤如下:
- 到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-windows/releases。
- 然后点击一顿下一步,安装即可!
- 安装完成后,还需要配置环境变量。在我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个,把nvm所处的路径填入进去即可!
- 打开cmd,然后输入nvm,如果没有提示没有找不到这个命令。说明已经安装成功!
- Mac或者Linux安装nvm请看这里:https://github.com/creationix/nvm。也要记得配置环境变量。
nvm常用命令:
- nvm install [version]:安装指定版本的node.js。
- nvm use [version]:使用某个版本的node。
- nvm list:列出当前安装了哪些版本的node。
- nvm uninstall [version]:卸载指定版本的node。
- nvm node_mirror [url]:设置nvm的镜像。
- nvm npm_mirror [url]:设置npm的镜像。
node安装
安装完nvm后,我们就可以通过nvm来安装node了。这里我们安装10.16.0版本的的`node.js。
nvm install 10.16.0
如果你的网络够快,那以上命令在稍等片刻之后会安装成功。如果你的网速很慢,那以上命令可能会发生超时。因为node的服务器地址是https://nodejs.org/dist/,这个域名的服务器是在国外。因此会比较慢。因此我们可以设置一下nvm的镜像源。
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
npm
npm(Node Package Manager)在安装node的时候就会自动的安装了。当时前提条件是你需要设置当前的node的版本:nvm use 10.16.0。然后就可以使用npm了.
初始化
在新的项目中,需要先执行npm init初始化,创建一个package.json文件用来保存本项目中用到的包。
安装包
安装包分为全局安装和本地安装。全局安装是安装在当前node环境中,在可以在cmd中当作命令使用。而本地安装是安装在当前项目中,只有当前这个项目能使用,并且可以通过require引用。安装的方式只有-g参数的区别
npm install vue # 本地安装
npm install vue --save # 本地安装,并且保存到package.json的dependice中
npm install vue --save-dev # 本地安装,并且保存到package.json的dependice-dev中
npm install vue -g #全局安装
npm install -g @vue/cli #全局安装vue-cli
本地安装
- 将安装包放在./node_modules下(运行 npm 命令时所在的目录),如果没有node_modules目录,会在当前执行npm命令的目录下生成node_modules目录。
- 可以通过require()来引入本地安装的包。
全局安装
- 将安装包放在/usr/local下或者你node的安装目录。
- 可以直接在命令行里使用。
卸载包
npm uninstall [package]
更新包
npm update [package]
搜索包
npm search [package]
使用淘宝镜像
npm的服务器在国外。那么可以安装一下cnpm,并且指定镜像为淘宝的镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
那么以后就可以使用cnpm来安装包了!
手动安装npm
有时候使用nvm安装完node后,npm没有跟着安装,这时候可以到https://github.com/npm/cli/releases下载6.10.1的版本。然后下载完成后,解压开来,放到v10.16.0/node_modules下,然后修改名字为npm,并且把npm/bin中的npm和npm.cmd两个文件放到v10.16.0根目录下。