如何在typescript中引入jquery
2021-09-17 11:43:46

引入jQuery之前的操作
在typescript中引入jQuery時(shí)首先要?jiǎng)?chuàng)建一個(gè)typescript項(xiàng)目（直接新建的typescript文件無(wú)法通過(guò)此方法引入）

一、創(chuàng)建typescript項(xiàng)目
通過(guò)下面命令創(chuàng)建TS的package.json文件

npm init -y

命令行出現(xiàn)下列代碼

{
“name”: “TS”,
“version”: “1.0.0”,
“description”: “”,
“main”: “index.js”,
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”
},
“keywords”: [],
“author”: “”,
“l(fā)icense”: “ISC”
}
然后輸入（注意這里沒(méi)有npm）

tsc --init

然后命令行出現(xiàn)成功創(chuàng)建的提示
message TS6071: Successfully created a tsconfig.json file.
接下來(lái)在命令行輸入

npm install @types/node --dev-save

至此TS項(xiàng)目創(chuàng)建完畢

二、下載jquery和聲明文件
npm install jquery

npm install --save-dev @types/jquery

npm install typings

第二個(gè)命令時(shí)引入jquery的聲明文件，第三個(gè)命令是安裝typing，用于獲取jquery的d.ts文件，這步過(guò)后你的根目錄會(huì)多一個(gè)typings.json文件。
接下來(lái)就可以在TS文件中引入jquery了

import $ = require("jquery");
/這樣$符號(hào)就可以想在JavaScript中引入jquery一樣作為選擇器使用/

————————————————
版權(quán)聲明：本文為CSDN博主「brook2」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_43190243/article/details/111566469