工具:使用create-react-app脚手架开发
npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start
作为小白,这里会出现一个问题:
create-react-app不是内部命令的错误。这也是用npm安装全局包时经常出现的问题。这里简单说下我跳坑的小办法。
第一步:查询系统安装了哪些全局包
$ npm list -g –depth=0 [是零不是o]
会返回一些包的安装信息,类似如下
C:\Users\sunlei\AppData\Roaming\npm
+—create-react-app
第二步:
将得到的路径C:\Users\sunlei\AppData\Roaming\npm添加到系统环境变量的Path路径下
环境变量打开方法:
【我的电脑】 – 【右键属性】 – 【左边栏选择“高级系统设置”】 – 【选择“环境变量”按钮】– 【在弹出的对话框中在系统变量中找到Paht字段】 – 【编辑添加你电脑里的上述路径】
如果出现如下页面就表示成功喽。
在浏览器输入http://localhost:3000/