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

引入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