使用npx创建react+typescript项目

摘要:
1.创建ts项目npxcreate react appxxx--templateypescript。2.配置漂亮的代码安装插件。右键单击该选项并选择“更漂亮”。3.在配置环境变量的根目录下创建以下文件。生产环境文件:。env测试环境文件:。环境。开发注意:环境变量必须是REACT_APP_Start,例如:REACT_AAPP_API_URL=http://localhost:9

1. 创建ts项目

npx create-react-app xxx --template typescript

2. 配置prettier

vscode 安装插件

使用npx创建react+typescript项目第1张

右键选项

使用npx创建react+typescript项目第2张

选择prettier

使用npx创建react+typescript项目第3张

3. 配置环境变量

根目录下新建下图文件

生产环境文件:.env

测试环境文件:.env.development

注意:环境变量需要以REACT_APP_开头,例如:REACT_APP_API_URL=http://localhost:9000/api

使用npx创建react+typescript项目第4张

  

3.1 项目中取值

process.env.REACT_APP_API_URL

免责声明:文章转载自《使用npx创建react+typescript项目》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇DotNetCore跨平台~聊聊中间件mysql 链接超过ip限制时的报错下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

成为高效程序员的搜索技巧(转)

   对于缺乏编程知识的人来说,完全有可能编写一个网页或小程序。如果在用Google搜索相关示例时幸运的话,可以搜到现成的代码。即使是经验丰富的程序员,通常也会为了节省时间和精力而在网上搜索解决方案。   如果不借助搜索技术、网络及集体智慧,现代化高效编程是难以想象的。因此,搜索技巧对高效程序员变得愈发重要。   现在,我们不需要了解和记住如何解决众多的编...

centos安装软件方式及命令

centos安装软件有三种方式 rpm指令, 该指令安装文件后缀.rpm的可执行程序 yum指令 安装软件源代码,后缀为 .tar.gz(用gzip压缩过的tar包) rpm rpm软件包格式为 (一)查询系统装已经安装的软件信息 1) 查询系统中已经安装的软件; rpm –qa 2)查询一个已经安装的文件属于那个软件包; rpm –qf 文件名的...

给折腾ramdisk的朋友们一点建议

Ramdisk是什么,恐怕不需要我多说大家都知道。至于ramdisk有什么优点,百度一下你能看到因为ramsik有着很快的读写速度所以“放临时文件能加快速度”,“装软件可以秒开”等等各种优化的方法,比较犀利的言论还认为使用ramdisk可以延长续航时间,保护硬盘等等“高阶应用”在此我觉得第一个想出延长续航时间,用于bt下载来保护硬盘的人实在是碉堡了,连这么...

CentOS 6.0 图文安装教程

CentOS 6.0下载地址:wget http://ftp.riken.jp/Linux/centos/6.0/isos/i386/CentOS-6.0-i386-bin-DVD.iso 下边就是安装了:1、光盘引导界面,选择“Install or upgrade an existing system”。 其中图中的四个选项,应该都明白,我们这里选择的是...

如何给iOS安装包IPA注入一个动态库文件?

很多情况下,我们希望给一个IPA文件注入我们自己的动态库,加强原IPA文件的功能,或者附加一些功能,比如统计它的安装量、或者添加一个到期提醒的时间锁等,正常情况下,我们可以通过命令行的方式注入,但对于小白来说,就比较麻烦了,首先是命令行比较繁琐,其次是过程比较复杂,不适合快速注入。 笔者给大家推荐一款Mac下的软件:iReSignDylib,就是可视化的注...

用例设计

1.支付用例: 金额框填写校验:只能是数字/小数点两位/金额为空/边界值校验:大于小于等于负数 支付方式:余额(余额不足)/第三方支付:密码填写错误/未安装第三方支付app→跳转或者提示/转账汇款:填写银行卡,信用卡的校验/支付方式空时提交 其他:部分支付/补缴支付/重复支付(避免:未返回前不能再次点击支付loading) 安全:修改支付金额或者支付方式后...