node环境配置
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 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
根目录下。