引入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
发布评论