一、安装Node.js
1.打开{node.js]官网,根据你的操作系统选择合适的node.js安装包
2.在安装Node.js的过程中,请把前端包管理工具NPM(npm package manager)同时安装上,如下图:
3.Node.js安装完成后,请打开命令行工具输入Node.js的版本检查命令:
node -v
如果正确安装,将在控制台输出:
v11.1.0
即为本机当前安装的Node.js版本,表示Node.js安装成功。
同理,输入npm的版本检查命令:
npm -v
输出:
6.4.1
表示npm也安装成功。
二、安装npm的国内镜像
由于npm的包是位于国外的,所以在常规情况下(非常规情况—你懂的)国内访问npm可能会比较慢,建议将npm的源切换成国内的镜像。这里有两种切换npm源的方式:
1.nrm(推荐)
安装nrm
在命令行中输入如下命令:
npm install -g nrm
查看所有可用的源:
nrm ls
输出:
* npm ----- https://registry.npmjs.org/
cnpm ---- http://r.cnpmjs.org/
taobao -- https://registry.npm.taobao.org/
nj ------ https://registry.nodejitsu.com/
rednpm -- http://registry.mirror.cqupt.edu.cn
skimdb -- https://skimdb.npmjs.com/registry
选择其中一个可用源进行切换:
nrm use taobao
2.安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
三、运行前端项目
1.打开命令行界面:
2.在命令行中进入到App的前端项目目录。在命令行中输入如下命令进行前端依赖包的还原操作:
npm install
或者
npm i
或如果使用yarn,还可以使用yarn来还原:
yarn install
3.在App的前端项目目录中,运行如下命令以启动前端项目服务:
npm run dev
启动监听成功,端口为9000:
访问宿主机项目,localhost+监听端口,运行成功: