Visual Studioで.netフレームワークを使用せずにSPAを構築することは可能ですか？

タイトルは自己説明的であるべきですが、その場合に備えてください。私は紺碧でホストされる角度のアプリケーションを構築しようとしています。現在、私はkestrelの使用に関するいくつかの問題を抱えていますので、Visual Studioでアプリケーションを構築したいのですが、.netコード（startup.csもprogram.csも使用しません）を使用しません。答えが明白でない場合は、私が必要とする別のIDEを見つける必要があると思います。Visual Studioで.netフレームワークを使用せずにSPAを構築することは可能ですか？

出典

2016-12-21 r3plica

での例をチェックアウトは、プロジェクトのこのタイプのために十分な 'Visual StudioのCode'をお勧めすることはできません。 :) –

try http://tutorialzine.com/2015/02/single-page-app-without-a-framework/ –

私はこれらの質問と回答を見て、ここで何が起こっているのか尋ねる唯一の人ですか？ .netを使用したくない場合は、index.htmlファイルを作成し、Webサイトを作成してください。 Visual Studioはフレームワークではなくエディタです。 – MindingData

イエップ。 Webアプリケーションプロジェクトの代わりにWebサイトプロジェクトを作成するだけです。 Webサイトのプロジェクトが好ましい選択された

https://msdn.microsoft.com/en-us/library/dd547590.aspx

シナリオは次のとおりです。

あなたが明示的に展開するために、プロジェクトをコンパイルする必要がありますする必要はありません。

出典

2016-12-21 10:10:26 Kye

は動作していないようで、パッケージをインストールするのに手間が掛かりませんし、うんざりすることもありません。 – r3plica

どのようにして、しゃがんだりしていますか？ nodeJSコマンドラインを介して？ Visual Studioは干渉してはいけません。 – Kye

バウアーはビジュアルスタジオで作業していました。コマンドラインからそれを使用すると、ライブラリをwwwroot/libフォルダに置かないようです。 bower.jsonにディレクトリを追加しようとしましたが、動作しませんでした。 – r3plica

私の前提ここでは、Azureのホストされた場所から実際にオフにしないで、オフラインで自分のWebサイトで作業することは大丈夫です。

.NET Frameworkをベースにしたプロジェクトとは関係のない、Visual Studioで開いたWebサイトを作成する方法について説明します。

次の手順：

a。ドライブに物理的なフォルダを作成し、SPA関連のファイルを保存するか、単純なテキストを表示する単純な "HelloWorld.html"ファイルを保存します。

b。 VS>ファイル>開く>ウェブサイトに移動します（4つ以上のオプションが表示されます） - 最も単純な「ファイルシステム」を選択し、手順aで作成したフォルダをポイントします。

VSはフォルダをWebサイトとして開き、ソリューションファイルを追加しますが、他の.NETコードは関連付けられていません。この方法で、私はあなたが使うつもりであると思うようにIDEを使うことができます。

出典

2017-02-17 04:09:50 DevCod

あなたを構築するためにノードのツーリングを使用している場合は、あなたがそれを一気/単調な作業をサポートしているだけでなく、それは紺碧との統合を持っていないNode.js Tools for Visual Studio

を試してみたいことがあり突出しています。サポートは、カスタムプロジェクトタイプで提供されます。

出典

2017-02-17 09:11:32

良い情報共有してくれてありがとう。 – DevCod

はい、ビジュアルスタジオでは、.netフレームワークを使用せずに角度のあるSPAを開発することは非常に可能です。以下は、Visual Studioを使用してSPAを角度から開始する手順です。

後藤：ファイル>新規>プロジェクト

以下のスクリーンselecetからASP.NET Webアプリケーション

名を指定して、場所、ソリューションをクリックOKは、以下のポップアップを取得します

上記のポップアップから空を選択し、OKを押してプロジェクトを作成します。今度は、index.htmlというhtmlファイルをプロジェクトに追加します。以下のコードをindexに記述してください。HTML

<head> 
 
    <title></title> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script> 
 
</head> 
 
<body> 
 
    <div ng-app> 
 
     Message:<input type="text" ng-model="message" /> 
 
     <hr> 
 
     <div>Entered Message:{{message}}</div> 
 
    </div> 
 
</body> 
 
</html>

そして、あなたが行ってもいいです。 index.htmlを右クリックしてView In Browserを選択すると、ブラウザーにこのような出力が表示されます。