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。
安装命令如下:
1 | nvm install 10.16.0 |
如果你的网络够快,那以上命令在稍等片刻之后会安装成功。如果你的网速很慢,那以上命令可能会发生超时。因为node
的服务器地址是https://nodejs.org/dist/
,这个域名的服务器是在国外。因此会比较慢。因此我们可以设置一下nvm
的源。
1 2 | 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
参数的区别:
1 2 3 4 5 | 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
的安装目录。 - 可以直接在命令行里使用。
卸载包
1 | npm uninstall [package] |
更新包
1 | npm update [package] |
搜索包
1 | npm search [package] |
使用淘宝镜像
npm
的服务器在国外。那么可以安装一下cnpm
,并且指定镜像为淘宝的镜像:
1 | 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
根目录下。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了