一、Window系统配置：

1、安装nodejs:https://nodejs.org/zh-cn/download/releases/ 2、打开命令窗口,进入当前工程目录 3、npm配置淘宝镜像:npm config set registry http://registry.npm.taobao.org/ 4、npm安装parcel-bundler:npm install -g parcel-bundler 5、运行工程:npm run dev

二、MacOS配置

1、环境配置

打开命令窗口（shell）

2、插件安装

2.1、brew安装

1、检查安装

检查Homebrew是否安装

brew -v

如果已经安装，下一步流程跳过。

2、brew安装

/bin/bash -c "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install.sh)"

如果有如下提示：brew只是浅拷贝，为更新，建议执行如下代码，并且这个命令行可能需要耗费一些时间。

homebrew-core is a shallow clone.
To `brew update`, first run:
  git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow
This command may take a few minutes to run due to the large size of the repository.

那么直接根据要求执行命令，等几分钟就好了。然后根据要求更新brew:

brew update

如果有提示升级，可以升级:

brew upgrade

如还有其他问题，自行度娘…

2.2、nodejs 安装

检查node是否安装

node -v

如果已经安装会提示，当前安装的版本

如果没有安装，执行如下命令

brew install node

2.3、npm安装

pm是基于nodejs的包管理器 为保证是否安装，可以检查其版本号：

npm -v

如果有安装，直接打印其版本号。

还是执行上面命令：

brew install node

这里最重要的是查询切换淘宝镜像地址，加快加载速度，这里先查看本地镜像地址：

npm get registry

如果不是需要的请切换：

// 切淘宝镜像
npm config set registry http://registry.npm.taobao.org/

// 切默认官方镜像地址
npm config set registry https://registry.npmjs.org/

2.4、parcel-bundler安装 —— 前端构建工具

npm install -g parcel-bundler

3、运行

在命令窗口，cd到工程项目中，运行工程：

npm run dev