包含tsx的react项目创建

一、前言

学习tsx相关的react项目，创建的时候就报错，头大了很久，以下是我吸取的教训，供小伙伴参考

二、教训

1.创建支持ts的react项目的代码

在指定文件夹下的集成终端中输入代码

create-react-app 项目名称 --template typescript 就可以安装react项目了

重点来了，如果你输入这行代码不能成功说明你没有安装cra!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

2.安装cra的步骤（如果1中可以创建项目忽略这个步骤）

全局安装：npm install -g create-react-app，然后就可以创建支持ts的react项目了

三、项目结构

里边的和我们不用ts模板中的区别主要是App以及其他的js文件都换成了ts和tsx，ts是一种强数据类型的语言，不会像使用js一样变量满天飞hh。

包含tsx的react项目创建相关推荐

React 项目--创建组件（7）
创建组件在上一篇的博客中我们介绍了react中字符串的处理方式和字符串数组的处理方式,如需回顾: https://blog.csdn.net/datouniao1/article/details/1 ...
React项目创建报错解决方案npm ERR! code 1 npm ERR! path E:\Node1\untitled5\node_modules\fibers npm ERR! command
在用webstorm创建React项目时发现一个巨离谱的错误 (node:15528) ExperimentalWarning: The fs.promises API is experimental ...
react项目创建步骤
今天创建第一个react项目,也踩了一些坑.从npm安装开始记录一下. 1.下载 nodejs并安装 2.nodejs 目录下创建node_global 和 node_cache文件夹 3. 配置目 ...
React项目创建以及结构
react是什么 React是一个声明式,高效且灵活的用于构建用户界面的JavaScript组件库,使用react可以将一些简短,独立的代码片段合成复杂的UI界面,这些代码片段被称作组件 react介 ...
如何创建React项目
前言构建React项目的几种方式: create-react-app 脚手架快速搭建 react 项目(推荐) yeoman 脚手架搭建 react 项目 webpack 一步一步构建 react ...
如何创建一个 react 项目
目录前言一.create-react-app 脚手架快速搭建 react 项目 1.安装 create-react-app 2.检测 create-react-app 是否安装成功 3.创建 re ...
如何创建一个React项目（超简单）
1.安装Node.js(官网Node.js下载) 2.运行node -v和npm -v两条命令(检验是否下载成功Node.js) 3.npm install -g cnpm --registry=ht ...
react项目的搭建与启动
react项目的搭建与启动准备工作(环境的搭建) react项目创建与启动常用插件安装 Sass/Scss安装准备工作(环境的搭建) (已经准备好的这一步可以跳过) 1.安装Node.js(安装 ...
使用Visual Studio 2017创建React项目
在Visual Studio 2017中设置React项目下载示例 - 852.4 KB 我过去曾多次在工作要求中找到"React"并在Angular中进行开发,我总是想知道这两 ...
react项目_如何从零开始创建React项目（三种方式）
在开发React项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建React项目的方式,分别是在浏览器中直接引入.使用官方脚手架create ...

包含tsx的react项目创建

包含tsx的react项目创建相关推荐

最新文章

热门文章