在Visual Studio中嵌套角度組件文件

Question

Visual Studio 2017中的哪個設置允許將Angular組件文件捆綁到一個文件中？

在下面的圖片中，紅色方塊中的文件應該視覺呈現爲一個可以擴展的文件。文件

名稱是：

• navmenu.component.css
• navmenu.component.html
• navmenu.component.ts

他們只因延伸而不同。 html文件應該是ts和css作爲子文件呈現的主文件。

它工作正常，直到我更新Visual Studio 2017到版本15.3.3（之前它是15.1）。

Answer 1

我終於在that thread上找到了該問題的解決方案。它需要編輯toolSettings.json文件。

它要求編輯toolSettings.json，位於C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\Common7\IDE\Extensions\Microsoft\Web Tools\ProjectSystem

下面的條目需要extensionToExtension下添加

".ts": [ 
    ".html" 
], 

。

and ".html" in "css" array。

整個文件看起來像這樣：

{ 
"dependentFileProviders": { 
"addedExtension": {}, 
"pathSegment": { 
    "*": [ 
    ".js", 
    ".css", 
    ".html", 
    ".htm", 
    ".less", 
    ".scss", 
    ".coffee", 
    ".iced", 
    ".config", 
    ".cs", 
    ".vb", 
    ".json" 
    ] 
}, 
"extensionToExtension": { 
    ".js": [ 
    ".coffee", 
    ".iced", 
    ".ts", 
    ".tsx", 
    ".jsx" 
    ], 
    ".ts": [ 
    ".html" 
    ], 
    ".css": [ 
    ".less", 
    ".scss", 
    ".sass", 
    ".styl", 
    ".html" 
    ], 
    ".html": [ 
    ".md", 
    ".mdown", 
    ".markdown", 
    ".mdwn", 
    ], 
    ".map": [ 
    ".js", 
    ".css" 
    ], 
    ".svgz": [ 
    ".svg" 
    ], 
    ".designer.cs": [ 
    ".resx" 
    ], 
    ".cs.d.ts": [ 
    ".cs" 
    ] 
}, 
"fileToFile": { 
    ".bowerrc": [ 
    "bower.json" 
    ], 
    ".npmrc": [ 
    "package.json" 
    ], 
    "npm-shrinkwrap.json": [ 
    "package.json" 
    ], 
    "yarn.lock": [ 
    "package.json" 
    ], 
    ".yarnclean": [ 
    "package.json" 
    ], 
    ".yarnignore": [ 
    "package.json" 
    ], 
    ".yarn-integrity": [ 
    "package.json" 
    ], 
    ".yarnrc": [ 
    "package.json" 
    ] 
}, 
"filePartToExtension": { 
    "-vsdoc.js": [ 
    ".js" 
    ] 
}, 
"allExtensions": { 
    "*": [ 
    ".tt" 
    ] 
} 
} 
}