win10 Nodejs安装步骤

本人后端 仅供学习参考记录,有不妥之处 望指点。

Nodejs安装步骤

官网 下载安装包

官网地址:https://nodejs.org/zh-cn/

历史版本地址 Node v14.16.0 (LTS) | Node.js

安装步骤: 双击下载的安装包  安装最新17.2项目有问题

后卸载17.2 重新安装  14.16       安装目录相同

某度云盘地址

链接:https://pan.baidu.com/s/19BmG0p-xwsRh_wyl4AHbvA
提取码:tu06

win10 Nodejs安装步骤_第1张图片

一直点击下一步(傻瓜式安装,哈哈哈哈)

win10 Nodejs安装步骤_第2张图片

2.环境变量配置 windows系统会将安装目录自带到系统变量Path路径后面,否则的话,就在windows设置环境变量的地方,将Nodejs安装路径添加到Path路径后面,

2.环境变量配置 windows系统会将安装目录自带到系统变量Path路径后面,否则的话,就在windows设置环境变量的地方,将Nodejs安装路径添加到Path路径后面,

win10 Nodejs安装步骤_第3张图片

验证是否安装成功

node -v

npm -v

win10 Nodejs安装步骤_第4张图片

  配置npm - - 这一部分是看自行需求,各位也可以不照做,就选用默认的方式,可以直接看第3步。

配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在nodejs下建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令:

npm config set prefix "D:\develop\nodejs\node_global"

npm config set cache "D:\develop\nodejs\node_cache"

这两部分默认是在C盘用户目录Reaming下的node里面,可以设置也可以不设置随各位

这样此后所安装的模块都会安装到改路径下。

4.修改d:\nodejs\node_modules\npm\npmrc文件,

win10 Nodejs安装步骤_第5张图片

 

 

将默认值 prefix=${APPDATA}\npm 改为:

prefix=D:\develop\nodejs 

如果不做这个修改,则npm在运行 npm ls -g 的时候,仍然以默认的路径来查找已安装的全局模块。

win10 Nodejs安装步骤_第6张图片

5.安装cpnm  替换淘宝镜像

由于npm的镜像是国外的,为了加快下载速度,防止被墙,采用cpnm。cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

在 cmd 中输入

npm install -g cnpm  -–registry=https://registry.npm.taobao.org

若报无权限错误 修改文件夹权限

win10 Nodejs安装步骤_第7张图片

win10 Nodejs安装步骤_第8张图片

替换成功

win10 Nodejs安装步骤_第9张图片

检测cnpm版本

cnpm -v

win10 Nodejs安装步骤_第10张图片

检查cnpm版本好,【cnpm -v】,显示错误!!!!

这是因为操作了第2步,导致cnpm跟npm是分开的,即npm里没有cnpm,之前设置的node环境变量对cnpm不起效,会出现输入cnpm不是内部命令这个问题。

此时各位需要注意的是,一般这类问题都是跟环境变量有关,此时需要在环境变量Path路径后面加上D:\nodejs\node_global,即cnpm脚本命令所在的文件夹目录下。

若各位没有执行第四步也出现这问题,注意查看自己的环境变量路径Path后面是否添加了cnpm命令脚本所在文件夹这路径。

添加环境变量(用户变量和系统变量我都添加了),如图。 (注:第二步跟我一样的还需在下面新建添加内容)

win10 Nodejs安装步骤_第11张图片

重新打开cmd 验证

cnpm –v

win10 Nodejs安装步骤_第12张图片

前端工具下载使用

之前使用 HBuilderX  后来使用了 vscode

vscode 下载地址

1、官网Download Visual Studio Code - Mac, Linux, Windows下载最新版

最好下载zip格式,如下图所示:

win10 Nodejs安装步骤_第13张图片

某度网盘地址

https://pan.baidu.com/s/1qL4fwkfJ8RP8Yf8_BjCiXg
提取码:b9nh

下载后运行.exe 一直下一步

设置中文

使用快捷键【Ctrl+Shift+P】弹出查找命令框,输入language,找到Configure Display Language,点击,提示安装中文插件,如下图所示:

win10 Nodejs安装步骤_第14张图片

 安裝後的中文環境插件 會顯示 選擇即可

win10 Nodejs安装步骤_第15张图片

安装插件参考 和运行vue项目

使用vscode运行vue项目_xw_009的博客-CSDN博客_vscode运行vue项目

在 vscode中使用git

win10 Nodejs安装步骤_第16张图片

你可能感兴趣的:(开发工具,npm,node.js,vue.js)