Node.js 如何发布可以在WebStorm中自动导入的npm模块?
我尝试发布一个简单的模块,如下所示:Node.js 如何发布可以在WebStorm中自动导入的npm模块?,node.js,angular,npm,webstorm,Node.js,Angular,Npm,Webstorm,我尝试发布一个简单的模块,如下所示: export {ShareModule} from './share/share.module'; |--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts 文件列表为:
export {ShareModule} from './share/share.module';
|--[src]
| |--[share]
| | |--share.moduel.ts
| |--index.ts
| |--index.d.ts
|
|
|--package.json
|--index.ts
|--index.d.ts
文件列表为:
|--[src]
| |--[share]
| |--share.moduel.ts
| |--index.ts
|
|
|--package.json
|--index.ts
package.json
{
"name": "my-common",
"version": "1.0.0",
"description": "",
"main": "index.ts",
"typings": "index.ts",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
索引
export { ShareModule } from './src/share/index';
src/share.module.ts
import {NgModule} from "@angular/core";
import {CommonModule} from "@angular/common";
import {FormsModule} from "@angular/forms";
@NgModule({
imports: [
CommonModule,
FormsModule
],
declarations: [],
exports: [CommonModule,FormsModule]
})
export class ShareModule { }
src/index.ts
export { ShareModule } from './share.module';
在我发布npm模块后,然后npm安装我的common
,我尝试在代码“ShareModule”上按Alt+Enter以自动组织导入语句,但它没有显示选项卡“addimport statement”,该选项卡与Angular2 HttpModulem、FormModule等类似
那么,我怎样才能像其他Angular2的官方模块一样,在WebStorm中按Alt+Enter键自动导入自己的模块呢?是否有一些关键点我错过了?最后,我找到了如何让它发挥作用 第一步 在
**/src/**
文件夹中创建两个文件,如下所示:
export {ShareModule} from './share/share.module';
|--[src]
| |--[share]
| | |--share.moduel.ts
| |--index.ts
| |--index.d.ts
|
|
|--package.json
|--index.ts
|--index.d.ts
索引d.ts
索引
步骤2
编辑你的索引
显示导出要在WebStrom中使用Alt+Enter导入的类
比如说
export declare class ShareModule {
}
步骤3
编辑您的index.ts,如下所示:
export {ShareModule} from './share/share.module';
|--[src]
| |--[share]
| | |--share.moduel.ts
| |--index.ts
| |--index.d.ts
|
|
|--package.json
|--index.ts
|--index.d.ts
步骤4
在/文件夹中创建两个文件,如下所示
index.ts:
export * from './src/index';
索引d.ts:
export * from './src/index'
最后,文件应如下所示:
export {ShareModule} from './share/share.module';
|--[src]
| |--[share]
| | |--share.moduel.ts
| |--index.ts
| |--index.d.ts
|
|
|--package.json
|--index.ts
|--index.d.ts
|--[src]
||--[分享]
|| |--share.moduel.ts
||--index.ts
||--index.d.ts
|
|
|--package.json
|--索引
|--索引d.ts
现在你可以通过Alt+Enter导入你的类了。最后,我找到了如何使它工作的方法 第一步 在
**/src/**
文件夹中创建两个文件,如下所示:
export {ShareModule} from './share/share.module';
|--[src]
| |--[share]
| | |--share.moduel.ts
| |--index.ts
| |--index.d.ts
|
|
|--package.json
|--index.ts
|--index.d.ts
索引d.ts
索引
步骤2
编辑你的索引
显示导出要在WebStrom中使用Alt+Enter导入的类
比如说
export declare class ShareModule {
}
步骤3
编辑您的index.ts,如下所示:
export {ShareModule} from './share/share.module';
|--[src]
| |--[share]
| | |--share.moduel.ts
| |--index.ts
| |--index.d.ts
|
|
|--package.json
|--index.ts
|--index.d.ts
步骤4
在/文件夹中创建两个文件,如下所示
index.ts:
export * from './src/index';
索引d.ts:
export * from './src/index'
最后,文件应如下所示:
export {ShareModule} from './share/share.module';
|--[src]
| |--[share]
| | |--share.moduel.ts
| |--index.ts
| |--index.d.ts
|
|
|--package.json
|--index.ts
|--index.d.ts
|--[src]
||--[分享]
|| |--share.moduel.ts
||--index.ts
||--index.d.ts
|
|
|--package.json
|--索引
|--索引d.ts
现在可以通过Alt+Enter键导入类