（一）TypeScript開發入門

Bill9361發表於2024-10-27
TypeScript

Nest.js是一個漸進式 Node.js 框架，用於構建高效、可靠且可擴充套件的伺服器端應用程式。
官網地址：https://ezdoc.cn/docs/nestjs/
一，Nodejs環境搭建
1，在windows環境下安裝node.js和npm，下載地址：https://nodejs.org/en/
2，檢視安裝路徑，環境變數（會自動新增）和版本

3，執行命令配置node_cache和node_global
npm config set prefix "D:\Program Files\Develop\nodejs\node_global"
npm config set cache "D:\Program Files\Develop\nodejs\node_cache"

4，配置映象提升速度
npm config set registry=http://registry.npm.taobao.org
5，檢視所有配置
npm config list

6，下面是配置檔案路徑


7，新增環境變數
NODE_PATH = D:\Program Files\Develop\nodejs\node_global\node_modules
注意: 預設的模組目錄：D:\Program Files\Develop\nodejs\node_modules，要變為D:\Program Files\Develop\nodejs\node_global\node_modules，
如果直接執行npm install等命令會報錯的。

8，重新開啟cmd，使上面配置生效
9，使用npm安裝命令安裝/更新npm模組，-g表示全域性（注意：如果使用-g，請使用以管理員的身份開啟終端）
npm install npm -g


二，TypeScript開發入門
1，安裝TypeScript
npm i typescript -g

,
2，建立MyDemo資料夾，並在根目錄建立index.html
編輯index.html，然後輸入!+tab快捷鍵生成html頭部內容

script中引入index.js 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript" src="./index.js"></script>
</body>
</html>
3，建立index.ts檔案
點選檢視程式碼 
const person = {
    name: '張三',
    age: 18
}

console.info(`我叫${person.name}, 我今年${person.age}歲了`)
4，使用命令手動編譯.ts檔案，會生成index.js檔案 **`tsc index.ts`**

5，安裝vs code的open in Browser外掛

6，開啟控制檯

相關文章