React--快速搭建react项目

安装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用于线下调试
前端菜鸟,用于个人学习,如果发现错误,请及时指正

你可能感兴趣的:(React--快速搭建react项目)