Java教程

node环境搭建流程

本文主要是介绍node环境搭建流程,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、前期准备

要把C盘下的与node和npm相关的目录删除,卸载安装不规范的node环境。

2、Node下载与安装

去node官网下载:https://nodejs.org/zh-cn/download/

安装参考教程:https://www.runoob.com/nodejs/nodejs-install-setup.html

node安装时,要安装到指定的目录下,例如:

D:/nodejs

3、修改NPM全局安装路径

第一步:

D:/nodejs 目录下创建文件夹:

D:\nodejs\node_global
D:\nodejs\node_cache

第二步:

执行以下命令,查看当前的默认全局路径(该步骤可以忽略):

npm config ls

执行设置全局安装目录的命令:

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

上面命令执行完成后,可以再次执行 npm config ls 查看是否修改成功

参加教程:https://blog.csdn.net/p445098355/article/details/104525919

第三步:

右键点击【我的电脑】–>【属性】–>【高级系统设置】–>【环境变量】,在环境变量窗口中选择【系统变量】–>【path】选项,点击编辑。

把下面两个目录添加到环境变量的path中:

D:\nodejs
D:\nodejs\node_global

填写完成后,一直点击【确定】,直到最后关闭所有对话框。

第四步:

打开cmd命令窗口,执行:

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

执行完成后,去 D:\nodejs\node_global 目录下查看是否下载成功。

到此,NPM全局安装路径就修改完毕了。

4、使用脚手架搭建React开发环境

安装脚手架:

cnpm i create-react-app -g

执行完成后,去 D:\nodejs\node_global 目录下查看 create-react-app 脚手架工具是否正确的下载到该目录。

在指定的目录下创建项目:

create-react-app 项目名
这篇关于node环境搭建流程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!