React --新建项目

Posted juewuzhe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React --新建项目相关的知识,希望对你有一定的参考价值。

搭建React开发环境之前的准备工作

1.必须要安装node.js (注意:安装node.js稳定版本)

2.安装cnpm,用cnpm替代npm 

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.也可以用yarn替代npm

cnpm install -g yarn  或者 npm install -g yarn

新建项目

1.安装脚手架工具 (单文件组件项目生成工具)只需要安装一次

npm install -g create-react-app   /  cnpm install -g create-react-app

2.创建项目 (可以创建多次)

找到项目要创建的目录执行:

create-react-app reactdemo

3.cd  到项目里面:

cd  reactdemo

4.运行项目

npm start             yarn start运行项目

npm run build         yarn build 生成项目

 


以上是关于React --新建项目的主要内容,如果未能解决你的问题,请参考以下文章

「首席架构师推荐」React生态系统大集合

import * as react from 'react' 与 import react from 'react' 有啥区别

“使用 JSX 时,React 必须在范围内”(react/react-in-jsx-scope 与 index.js 上的“window.React = React”)

React 系列教程

React学习笔记-1-什么是react,react环境搭建以及第一个react实例

react 导入中的 as