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


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

更多推荐

如何在typescript中引入jquery