typeScript.webpack&react的正确版quickStart

公司新项目的技术选用Webpack.React&TypeScript的结构。因为之前没有接触过TypeScript就想着去看文档学学看。

先是找到了个人开发者翻译的中文文档。

https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/tutorials/React%20&%20Webpack.html

后来发现这篇quickStart中有问题。然后去参考了英文官网的文档。发现英文的文档也有一点点路径的错误。

还是决定记录一下这次的quickStart的历程。

主要步骤和中文版文档的步骤一样，我主要说一下这个问题

问题一：中文版中说到添加typeScript配置文件的终端指令是有误的。中英文版对比如下：

 

 

正确的配置文件应该是英文版的那个tsconfig.json。不是中文版的编译指令创建的main.d.ts.这里英文版是正确的。

 

问题二：按照英文版和中文版的目录结构，这个相对路径是错误的。

正确的如下：虽然不是什么大问题，但是还是会让新人走弯路。

 

然后你应该就能看到如下美好的画面了。

为了不让新手走弯路。哦耶！