react.js 框架搭建 脚手架

从零开始搭建reactjs项目

环境要求：nodejs；npm

npm install -g create-react-app /安装一个全局的脚手架/

create-react-app my-demo    /*创建项目 my-demo是项目名字*/

cd my-demo             /*进入目录 然后启动*/

npm start       /* 启动 */

http://localhost:3000/ 查看

npm start 和 npm run start是等效关系，在一个npm管理项目中，一般默认有start的定义，且会经常使用，所以就在npm执行中简化输入目的设置了npm run start的简写，类似的还有npm stop、npm test等等。而其他的一些不太通用的命令项则只能通过npm run <命令项>的形式执行。

create-react-app卡住超慢的解决办法

解决方案是换源，这个解决方法是从网上找到的，特此整理过来收藏一下。虽然平常使用cnpm来代替npm，但也只是使用新的指令而已。而在寻求create-react-app的相关配置希望修改registry时失败了，最后发现create-react-app指令默认调用npm，于是直接把npm的register给永久设置过来就好了，这样使用cnpm或者npm就没差别。
输入以下命令

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

-- 配置后可通过下面方式来验证是否成功

npm config get registry

-- 显示出上述地址的话就是更换成功

再次尝试：

creat-react-app todolist（app名称）

当当当当，一会就构建成功啦！