0.爲何我要從頭開始再學一次TypeScript & 環境搭建

時間 2019-12-06

標籤爲何從頭開始一次 typescript 環境搭建简体版

原文原文鏈接

我相信有很多小夥伴和我同樣,對TypeScript的理解其實很淺.可是項目裏用了,因而就拿起來用了,對照着interfce和props去寫一些類型,並無理解裏面的深刻緣由與設計意圖,只是單純的使用-還用很差,碰到稍微複雜的類型就直接any了事.別人提及TypeScript,不敢說本身真正掌握了,只敢說"用過".html

因而我決定重新學一遍TypeScript. 一是爲了把TypeScript融會貫通-去了一趟FD發現這玩意就沒人不會的. 二是爲了之後的Go學習打個基礎. 三是由於--很久沒正兒八經的寫文章了,沒有從筆記繼續輸出東西了.我以前覺得我博客不會有人看的,結果還真有人看,問我最近怎麼不寫了.react

爲何說是從新學一遍呢?由於若是是剛開始學,我建議先擼一遍官方文檔,有一個大概印象,只是對實際使用有比較大的疑惑,再來看我寫的這些沒什麼養分的東西.我也不會講一些typescript中最基礎的概念,那些東西你看文檔是最好的.git

總之,也許文章寫的不怎麼樣,可是但願可以對你有幫助.github

既然你能點開這篇文章,那麼我已經不須要向你介紹爲何咱們須要TypeScript了.固然,對Ts只知其一;不知其二的人,好比我,會舔着個臉告訴你有靜態檢查啊,IDE支持啊什麼的,可是實際上這些東西只是一部分,更多的東西,仍是在編程思路和嚴謹性上的轉變.那麼廢話不要再說了,直接進入正題吧.web

不一樣於Js,Ts是須要環境支持的.因此咱們得先找個辦法方便的運行咱們的TypsScript.typescript

若是你只是調試或者臨時用用,能夠直接使用CodeSandBox來運行TypeScript代碼.很容易配置,就不細說了.npm

若是是項目中的使用,固然仍是要依靠npm的.官方文檔的方式是編程

npm install -g typescriptsass

就能夠愉快了寫代碼了.webstorm

固然,若是你要集成StoryBook和Sass,也能夠直接用我以前集成的一個Template:

github.com/CoderMageFo…

不過此次,我想着不用npm,因此咱們試試parcel吧.

在你須要使用的目錄裏運行:

npm i -g parcel-bundler

而後在你須要的目錄下新建一個空白的html.若是你使用的是webstorm,在html輸入! 而後按tab就能夠了.記得要引入index.ts.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>TypeScript</title>
</head>
<body>

</body>
<script src="./index.ts"></script>
</html>
複製代碼