这块相关文章不少,但是有点老。如果你不想用typescript,如果你正在用vscode但是不愿意webpack,npm install,只想用script引入,还如果你虽然那么多事,仍然需要代码提示,好吧,那你就和我一样,往下看吧。
首先,你要装typings。自己上typings的查阅安装指南。本文只说全局,不说细节。
typings是干嘛的?他是提示类型的,他需要在类型文件的帮助下干这个事情。类型文件typescript的开发者学雷锋,很多库都有。那么我们需要把他们download下来。
一种方法是npm安装 ,比如:npm install @types/jquery
另外一种,如果你npm install @types/babylonjs,你会发现提示不行,原因我记不住了,反正就是不行。那么你可以直接去搜索下载下载babylon的类型声明文(.d.ts)然后放到项目文件。在你希望出现代码提示的js文件最上面,加上/// 注意地址你要改成你自己的。
最关键的,这不算完,你要在项目根目录加一个jsconfg.json文件:
{
“compilerOptions”: {
“checkJs”: true,
“module”: “commonjs”,
“target”: “es6”
},
“typeAcquisition”: {
“include”: [“jquery”]
},
“exclude”: [“node_modules”, “/node_modules/*"],
“include”: ["src//"]
}
注意,jquery是你安装的,所以你要加,babylon你没安装上,是你自己下载的,你在文件中reference就好,不需要加。
但是,如果你嫌弃每个文件都好reference,并且path还要各个修改,那么你可以在\node_modules@types下面加一个babylonjs文件夹,把你自己下载.d.ts拷贝进去,然后,这样就有提示了,提示来源于你npm安装的.d.ts或者你拷贝的.d.ts。
{
“compilerOptions”: {
“checkJs”: true,
“module”: “commonjs”,
“target”: “es6”
},
“typeAcquisition”: {
“include”: [“jquery”, “babylonjs”]
},
“exclude”: [“node_modules”, "**/node_modules/”],
“include”: [“src/**/*”]
}