如何在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一样作为选择器使用/

在这里插入图片描述
也会有选择器的提示,至此引入完毕,本人技术有限,如果大佬们有更好的办法或者本文中存在错问请指出。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值