预备环境

Author: naivefun

README.md

@@ -1 +1,37 @@
-# react-ts-tutorial
+# 环境预备
+
+1. 在本机安装 node : https://nodejs.org
+2. 在本机安装 Visual Studio Code : https://code.visualstudio.com/
+3. 在本机安装 git: https://git-scm.com/downloads
+4. 在本机安装 python: https://www.python.org/downloads/
+
+### 检查基本环境
+打开 Terminal (Mac, Linux) 或者 Commnad Line (win)
+
+1. 运行 `node -v` 应该看到输出 `v8.xxx`
+2. 运行 `npm -v` 应该看到输出 `6.x.x`
+3. 运行 `git --version` 应该看到输出 `git version 2.17.1`
+
+# 安装 NPM 依赖
+
+1. Typescript: `npm i typescript -g`
+2. TS-Node: `npm i ts-node ts-node-dev -g`
+3. Node-Sass: `npm i node-sass-chokidar -g` (这一步安装需要较长时间)
+4. Yarn: `npm i yarn -g`
+
+### 检查 NPM 依赖
+
+1. 运行 `tsc -v` 应该看到输出 `Version 3.0.1`
+2. 运行 `yarn -v` 应该看到输出 `1.9.4`
+3. 运行 `ts-node -v` 应该看到 node, typescript 等版本号
+4. 运行 `ts-node-dev` 应该看到 `Usage: ts-node-dev [options] script [arguments]`
+
+# 预备源代码目录
+创建课程目录，运行 `git clone https://github.com/naivefun/react-ts-tutorial.git`
+
+### 试运行
+1. `cd react-ts-tutorial`
+2. `yarn`
+3. `yarn start`
+
+等待编译结束应该会自动弹出主页，否则可以手动输入 `http://localhost:3000` 访问