html初始化代码__React-Typescript项目初始化

第一篇：初始化React-TS项目

你的先安装react-app npm install -g create-react-app
然后再使用这个命令创建ts的开发环境，

React​typescript.bootcss.com

<!-- 此种方法已经废弃 create-react-app react-for-typescript --scripts-version=react-scripts-ts -->create-react-app my-app --tempalte typescript

项目文件的一些介绍，在上面的链接中有详细介绍
tsconfig.json 包含了工程里TypeScript特定的选项。
tslint.json 保存了要使用的代码检查器的设置，TSLint。
package.json 包含了依赖，还有一些命令的快捷方式，如测试命令，预览命令和发布应用的命令。
public 包含了静态资源如HTML页面或图片。除了index.html文件外，其它的文件都可以删除。
src包含了TypeScript和CSS源码。index.tsx是强制使用的入口文件。

项目的目录是这样的，在这个我们建议，在项目根目录中直接使用yarn eject让项目配置文件暴露出来，这样便于以后做scss或者其他的配置
以下是项目目录：

如果在yarn eject或者npm eject中报以下这个错误：
解决： 把根目录下面的yarn.lock删除试试，我的就是这个引起的，如果还不行看看是不是.git文件搞的鬼

这个时候项目已经初始化完毕了，可以进行开发了

以上源代码都在这个地址

React-TS项目地址​github.com https://github.com/focusdroid/meiriyouxian_react_ts​github.com

# 每周更新至少三篇react-typescript开发项目的记录，这把包括项目的完整开发和错误记录，但是着重点在于发现问题，把react-ts应用与平日开发

这次开发的项目叫每日优鲜，一个即时配送的APP使用React-TS实现出来，后期如果有时间的话会用React-Native再把这个实现一遍，分享出来