1.创建新工程
在webstorm里新建一个空项目,在terminal窗口栏里输入
npm init
以生成package.json包管理配置文件。
2. 在项目中中加入react和typescript相关依赖包
npm i -g webpack webpack-dev-server typescript
npm i --save react react-dom @types/react @types/react-dom
npm i --save-dev ts-loader source-map-loader
npm link webpack webpack-dev-server typescript
3. 创建示例程序
- 创建项目结构
在新工程所在目录下新建src, dist子目录 - 新建主页面
在src中创建html页面 index.html, 代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<