如何在typescript中引入jquery？

2023-11-24 22:58•移动端•阅读 1720

引入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一样作为选择器使用/

————————————————

原文链接：https://blog.csdn.net/qq_43190243/article/details/111566469