windows 上初次安装 node,react

今天尝试在 windows 上安装 node.js 和 react 及脚手架

下载安装 node

windows 上安装十分方便。
https://nodejs.org/en/
下载后直接安装即可,会自动配置环境变量.
输入:

node -v
npm -v

检验是否安装成功。

修改源

修改源是为了解决网络问题
输入

npm config set registry “https://registry.npm.taobao.org

或者
安装 smart-npm

npm install --global smart-npm --registry=https://registry.npm.taobao.org/

安装 smart-nmp 后就可以直接使用 snpm 代替 npm 了。但是我在这里遇到了版本问题,如果不行的话就使用第一种。

安装 yeoman

安装 yeoman 可以快速的搭建项目,可以使用现成的脚手架或者自己搭的。

npm install -g yo

安装脚手架

脚手架在有很多,可以选择自己喜欢的。这里选择这个https://github.com/react-webpack-generators/generator-react-webpack

npm install -g generator-react-webpack

我安装现成的脚手架后后构建项目都失败了,所以就不使用现成的脚手架了

构建项目

新建项目文件夹,进入文件夹

yo

选择 react webpack
这里写图片描述

之后会有一些选择,主要是项目名和 css 选择。接着就自动开始了。
这里写图片描述
然后出现了一个问题
这里写图片描述
phantomjs-2.1.1-windows.zip 这个找不到,所以手动到红线包住的 git 地址下载这个包,放到第二行 C 盘的地址,再在项目根目录下 npm install
###运行
输入

npm start run

就可以在浏览器上打开提示的端口了
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值