node 安装

安装一个

下载

在https://nodejs.org/en/download选择要安装的版本 ,然后点击下载
在这里插入图片描述
在这里插入图片描述

安装

安装下载的msi文件,一直下一步到下面的页面,默认是C:\Program Files\nodejs\,可以自定义安装目录,记住该路径。后面下一步即可。在这里插入图片描述
在这里插入图片描述

设置node_global和node_cache

在node安装目录创建node_global和node_cache文件夹,一定要与上一步设置的目录保持一致,这里使用的默认位置
在这里插入图片描述

设置环境变量

用户变量设置:将用户变量中 PATH 的值"C:\Users**\AppData\Roaming\npm"(**为电脑用户名)改成 “C:\Program Files\nodejs\node_global”,若没有PATH,可以直接添加。

在这里插入图片描述

系统变量设置:添加变量 NODE_PATH 值为:C:\Program Files\nodejs\node_modules
在这里插入图片描述

打开命令行,执行


npm config set prefix "C:\Program Files\nodejs\node_global" 

npm config set cache "C:\Program Files\nodejs\node_cache"

npm config list // 查看npm基本配置

在这里插入图片描述

测试

安装yarn,npm install -g yarn,若出现以下报错,nodejs安装文件夹(C:\Program Files\nodejs)——右键——属性——安全,给每一个用户都完全控制的权限,再重新安装yarn,最后执行yarn -v检查
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

卸载node

1、控制面板——卸载程序——找到node右击卸载

2、寻找这些文件夹并删除它们(及其内容)。根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在:
C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)
C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

3、删除node npm相关环境变量(即安装步骤中设置的环境变量)

安装多个

利用nvm管理多个版本

下载nvm

下载前一定要确保原有的node已被卸载!!!这点很重要,卸载方法看上方(没有下载过node忽略)
下载地址:https://github.com/coreybutler/nvm-windows/releases
下载对应版本zip即可
在这里插入图片描述

安装

1、双击exe文件,或右击以管理员身份运行。
在这里插入图片描述

2、同意,下一步

在这里插入图片描述

3、选择nvm安装位置,默认位子C:\nvm,然后下一步
注意:路径中的任一文件名称不能含有中文、空格、特殊字符

在这里插入图片描述
4、选择node安装位置,默认位子C:\Program Files\nodejs,然后下一步
(第三步和第四步的位置建议使用默认位置,因为不同盘可能会出现问题,改了nvm位置也可能会出现问题)
在这里插入图片描述
5、后续直接下一步即可

配置环境变量

以下变量也有可能在安装时自动写入,确保有就行。路径要与安装时的路径保持一致。
新建用户变量NVM_HOME、NVM_SYMLINK,系统变量NVM_HOME、NVM_SYMLINK
在这里插入图片描述

系统变量PATH添加值%NVM_HOME%、%NVM_SYMLINK%

在这里插入图片描述

配置settings.txt文件

root: C:\nvm   // nvm位置
path: C:\Program Files\nodejs  // node位置
arch: 64
proxy: none
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

在这里插入图片描述
在这里插入图片描述

使用nvm

nvm -v   // 查看nvm版本
nvm --version  // 显示当前安装的NVM版本。
nvm list  // list可简写为ls 显示已安装的Node.js版本
nvm list available  // 显示所有可下载的Node.js版本。
nvm install <version>  // 安装指定版本的Node.js。例如,nvm install 14.5.0 将安装14.5.0版本的Node.js。
nvm use <version>  // 切换到指定版本的Node.js。例如,nvm use 14.5.0 将切换到14.5.0版本的Node.js。
nvm uninstall <version>  // 卸载指定版本的Node.js。例如,nvm uninstall 14.5.0 将卸载14.5.0版本的Node.js。

在这里插入图片描述
在这里插入图片描述

注意

1、如何打开环境变量面板
方法一: Win + R 打开运行面板,然后输入 : sysdm.cpl,打开系统属性面板; 在系统属性面板中切换到高级面板,点击下方的环境变量按钮,打开环境变量面板;
方法二:桌面计算机图标右击选择属性,切换高级,再选择环境变量。

2、环境变量只要有变动,就要刷新环境变量,cmd中先执行set PATH=C后,关闭窗口后,再执行echo %PATH%

set PATH=C
echo %PATH%
  • 19
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue.js 和 Node.js 都是非常流行的前端和后端技术。要一起使用它们创建一个项目,你需要安装以下组件: 1. **Node.js**:首先确保你已经安装Node.js,它是JavaScript运行时环境,用于服务器端开发和npm(Node包管理器)。你可以从nodejs.org下载适合你操作系统的版本。 2. **npm**:随Node.js一起安装,它是管理Node.js项目的包依赖工具。 3. **Vue CLI(Vue命令行界面)**:这是官方推荐的Vue.js项目创建工具,安装Vue CLI可以通过npm或yarn(另一个包管理器): ```bash npm install -g @vue/cli # 或者使用yarn yarn global add @vue/cli ``` 4. **创建Vue项目**:使用Vue CLI初始化一个新的Vue项目: ```bash vue create my-vue-node-app ``` 这将创建一个名为"my-vue-node-app"的新目录,并配置好基本的Vue.js应用结构。 5. **安装后端框架(如有需要)**:对于Node.js,可以选择Express或其他框架。例如安装Express: ```bash cd my-vue-node-app npm install express ``` 6. **配置Vue与Node通信**:在Vue项目中,你可以使用axios等库来与Node后端API交互。安装axios: ```bash npm install axios ``` 7. **启动项目**:分别启动Vue的前端和Node的后端服务: - 启动Vue应用: ```bash cd my-vue-node-app npm run serve ``` - 启动Node应用(假设用Express): ```bash npm run build (构建Vue应用) node server.js (假设server.js是你的Express应用入口) ``` 安装完成后,你可以开始开发前端与后端交互的Vue应用。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值