企业官网建设流程全解析

以前学习东西，都是记录到本地，前段时间不小心把电脑清理成砖了。由于没有及时备份，好些学习笔记都没了。

最近想了解下React，借此机会，将笔记搬到网络上，以后后继查漏补缺。

一、安装nvm

nvm作为一款管理nodejs版本工具，通过命令行切换，实现在开发环境中安装使用多个nodejs版本。

1、下载nvm软件。

地址：https://github.com/coreybutler/nvm-windows/releases

2、安装

1）找到下载的安装程序：nvm-setup.exe

2）双击开始安装，选择I accept the agreement，点击NEXT

3）点击Browse，选择nvm安装路径（路径尽可能不要有空格，中文）

4）点击Browse，选择之后安装nodejs的安装路径（路径尽可能不要有空格，中文）

5）默认都勾选，点击Next

6）可以不填写邮箱，点击Next

7)、确认安装路径，点击Install

3、检查nvm是否安装成功

1）打开一个新的cmd或者powershell窗口，输入：

nvm -v

2）出现版本号，即为安装成功

4、配置下载node的镜像站

1）、 下载nodejs时，默认访问的是国外网站，可能会出现下载失败的情况，所以更换为国内镜像站。

淘宝镜像:

node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/

2）、cmd或者powershell窗口，输入：

nvm root

3）、拷贝输出的路径地址并访问下面的settings.txt，添加镜像地址。
淘宝镜像:

node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/

5、使用nvm安装node

1）查找可安装的node版本，cmd或者powershell窗口输入：

nvm list available

2）选择一个LTS版本安装，输入：

nvm install 24.8.0

6、nvm使用node

1）使用或切换某个版本的nodejs，使用命令：

nvm use <版本号>

2）查看当前使用node的版本

node -v

3）查看当前安装了node版本

nvm list

4）常用的命令汇总

二、Live Server的安装

1、以管理员身份打开 PowerShell

1）执行命令如下：

Get-ExecutionPolicy

若返回 Restricted（默认策略），说明脚本执行被禁止

2）修改为安全策略

Set-ExecutionPolicy -Scope CurrentUser RemoteSigned

2、 修改npm镜像源

淘宝：https://registry.npmmirror.com/
腾讯云：https://mirrors.cloud.tencent.com/npm/
CNPM：https://r.cnpmjs.org/

#查询当前使用的镜像源 npm get registry #设置为淘宝镜像源 npm config set registry https://registry.npmmirror.com/ #验证设置 npm get registry #还原为官方的配置 npm config set registry https://registry.npmjs.org/

3、安装live server

在项目根目录打开终端，运行以下命令来安装 live-server

npm install -g live-server

4、npm启动live server

1）、在项目下package.json中添加如下代码：

"scripts": { "serve": "live-server --port=3000" }

2）、打开 WebStorm 的 运行/调试配置，点击 + 新建一个配置，选择 npm。
具体如下：

运行效果