今天尝试在 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
就可以在浏览器上打开提示的端口了