如何在typescript中引入jquery


引入jQuery之前的操作
在typescript中引入jQuery時首先要創建一個typescript項目(直接新建的typescript文件無法通過此方法引入)

一、創建typescript項目
通過下面命令創建TS的package.json文件

npm init -y

命令行出現下列代碼

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

tsc --init

然后命令行出現成功創建的提示
message TS6071: Successfully created a tsconfig.json file.
接下來在命令行輸入

npm install @types/node --dev-save

至此TS項目創建完畢

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

npm install --save-dev @types/jquery

npm install typings

第二個命令時引入jquery的聲明文件,第三個命令是安裝typing,用於獲取jquery的d.ts文件,這步過后你的根目錄會多一個typings.json文件。
接下來就可以在TS文件中引入jquery了

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

————————————————
版權聲明:本文為CSDN博主「brook2」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_43190243/article/details/111566469


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM