一、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