Skip to content

janice143/typescript30

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TypeScript30

30 Day ChallengeWes Bos 设计的一个 30 天原生JS编程挑战。

项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是在不借助框架、库、编译器和引用的情况下,帮助初学者理解纯JavaScript语言。

本项目基于JS30项目,采用TypeScript语言来实现。 另外,你也可以看我的JS30

喜欢请 Star 哦♪(^∇^*)

Have fun with the website! ♪(^∇^*)

项目使用指南

本项目的30个小项目源文件在scr文件夹下,每个子文件夹包含index.ts文件,但是由于浏览器不能识别ts语言,所以ts代码需要先转换成js代码。按照下面的指令,可以让你编译出js代码,并在浏览器上浏览,点击dist 文件可以浏览到所有项目。

  1. git clone拉取本项目代码,然后cd切换文件夹
  2. npm install安装本项目依赖
  3. npm run server 运行本项目,成功后会出现地址,点击进入会自动使用你的默认浏览器打开。因为地址会自动复制到你的剪切板上,所以你也可以直接打开浏览器,往地址栏上ctr+v访问
  4. 在另一个控制台上,运行npm run watch,可以使src文件下的ts文件编译到dist文件下的js文件,并可以看到文件的变化

About

利用ts实现的JS30项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published