安装create-react-app(脚手架)包到全局
参考:https://facebook.github.io/create-react-app/docs/getting-started
npm install create-react-app -g
yarn add create-react-app global
也可使用yarn去安装(建议使用)
脚手架是否安装成功
create-react-app -S
3.1.0
快速搭建项目
mkdir 目录名(eg:project)
cd project
create-react-app . //点代表当前目录,即project
//也可采用这种方式创建
create-react-app 目录名(project)
如何启动
yarn start | npm start
注意:此处最好只采用一种方式,包括后面安装依赖,否则会出现未知的错误
配置自动跳转到浏览器
//如果运行yarn start后发现不能跳转到浏览器,做如下配置
"scripts": {
"start": "node scripts/start.js --open",
"build": "node scripts/build.js",
"test": "node scripts/test.js"
}
相关命令解释
"scripts": {
"start": "node scripts/start.js --open",
"build": "node scripts/build.js",
"test": "node scripts/test.js"
}
//yarn build 用于打包文件
//yarn test用于线下调试