問題タブ [web-essentials]

Visual Studio 2013 の Browser Link 機能でWeb Essentials 2013を使用すると、任意のブラウザーの開発者ツールに IDE を接続できます。

同じ方法で IE7 と IE8 でフックできますか? おそらく、BrowserStack またはhttp://modern.ie/の Hyper-V VM 内で実行されているもの(IIS Express または ASP 開発サーバーを使用) を使用していますか? 古いバージョンについては、インターネット上で何も見つかりませんでした。

この記事では、VS2013 (WebEssentials 2013) Javascript Editor が Document-Outline を表示すると述べています。

VS2013-Professional と WebEssentials をインストールしましたが、Javascript-Editor の Document-Outline を表示/検索できません...

私は何が欠けていますか？

Web Essentials には、dotLess などの LESS をコンパイルするためのライブラリがバンドルに含まれているだけなのか、それともそれ自体が LESS 用のコンパイラであり、他のユーティリティと一緒に含まれているのかを知りたいと思いました。

この問題を検索しましたが、正しい答えが見つからなかったので、ここに行きます。私は Visual Studio 2012 と Web Essentials 2012 から来て、最近 VS 2013 と WE 2013 をインストールしました。

.less ファイルをコンパイルすると、.css プレビュー ペインにエラー メッセージが表示される

エラーペインが表示されます

行 1、列 1

これは、古い完全に新しいプロジェクトで発生します。

私は試した：

• エンコードせずに .less ファイルを UTF-8 に保存する
• クラスが 1 つだけの少ないファイルで新しいプロジェクトを作成する
• インポートを使用しない

Visual Studio 2013 の新しい Browser Link 機能を試してみました。ただし、「Web フォーム」ページで「デザイン モード」機能を動作させることができません。MVC ページを閲覧しているときに問題なく動作します。ただし、プロジェクトに Web フォームを追加するとすぐに、ブラウザーに次のようなアラートが表示されます。

「デザイン モードは ASP.NET Web フォームでは機能しません」。

ページを調べて更新することもできます (Browser Link ダッシュボードから)。

ブラウザに挿入された JavaScript コードをデバッグして、どこで発生しているかを確認してみました。F12 開発者をオンにして「デザイン モード」を検索すると、それが js ファイルに表示されます (パスは「/ foo /browserlink」のようになります)。

そして、「isValidFile」には次の本体があります

Web フォーム アプリケーションでこれを機能させるにはどうすればよいですか?

最初に2つの質問をすることから始めますので、誰かが知っているなら、この長い投稿を読む必要はありません:

1. しかし、カスタム JavaScript ファイル (.js または .ts - コンパイル付きの typescript) の IntelliSense リストで不要なアイテムの膨大なリストを抑制するにはどうすればよいですか?
2. 必要なものを細かく制御するにはどうすればよいですか? _references.js は良い出発点のようです (グローバル参照用)
3. .validate-vsdoc.js と .intellisense.js と ///

Mads Kristensen のビデオVisual Studio: C# class Intellisense in JavaScript/TypeScript
を見たとき、彼の「データ」JavaScript 変数に対する Mads の Intellisense が、現在のコンテキストに関連するオブジェクト、関数、およびプロパティの短いリストを示していることに気付きました。

VS 2013 MVC プロジェクトのデフォルトを使用しています。
私のものは、Intellisenseをほとんど役に立たなくするはるかに長いリストを示しています:

私の_references.jsにはこれがあります（Matsにもあると思います）

Implicit (Web) Reference Group の JavaScript IntelliSense References セクションには、デフォルトがあります。

すべてのファイル (_references.js を除く) はこのフォルダーにあります (特に重要なことはありません)。

2 番目の画像からわかるように、これらのファイルからいくつかのメソッド IntelliSense を取得しています。

しかし、これらのプロパティとメソッドはどこから来たのでしょうか。

インターネットを検索すると、Google のクロージャ コンパイラのファイルである webgl.js が見つかりました。このファイルには、これらの大文字のプロパティの多くが含まれています。

JavaScript IntelliSense の記事では、JavaScripts IntelliSense が現在のコンテキストに基づいて使用可能なオブジェクト、関数、プロパティ、およびパラメーターを一覧表示する方法について説明し、JavaScript IntelliSense の拡張に関する記事では、IntelliSense をさらに拡張する方法について説明していることを知っています。

1. しかし、カスタム JavaScript ファイル (.js または .ts - コンパイル付きの typescript) の IntelliSense リストで不要なアイテムの膨大なリストを抑制するにはどうすればよいですか?
2. 必要なものを細かく制御するにはどうすればよいですか? _references.js は良い出発点のようです (グローバル参照用)
3. .validate-vsdoc.js と .intellisense.js と ///

Mads がうまくやっているのを見ると、私は MAD になります :) ありがとう、Rad

styles.less には次の宣言があります。

問題は、LESS が inputprize { .colnumdec; で文句を言うことです。宣言されていない mixin を使用します。

これらのクラスの明示的な宣言を追加することで、これを解決しようとしました。

しかし、プロパティがない場合、LESS コンパイラはそれらを省略します。代わりに無関係なプロパティを 1 つ入れると、正常に動作します。

これを解決する正しい方法は何ですか？

Web Essentials 2013 で Visual Studio 2013 を使用していますが、ブラウザー リンクを使用すると、IE11 と Chrome 31 の両方を使用すると未使用の css が見つかりません。この機能を除いて、ブラウザリンクを持つ他のすべてが機能しているようです。これを機能させる方法はありますか？

"Web Essentials" 拡張機能を Visual Studio 2013 にインストールしました。[メッセージ] セクションの [エラー リスト] ウィンドウに JSHint 警告が表示されます。ただし、定義されていないと思われるいくつかのグローバル変数について不平を言っています。

私が読んだところによると、JSHint の .jshintrc ファイルを使用してグローバル変数を一覧表示できるので、それらについて不平を言うのをやめることができます。以下のように設定したいと思います。(KnockoutJs のグローバル変数である "ko" について不平を言うのをやめるために。)

VS プロジェクトでこの .jshintrc ファイルを作成する方法と場所を教えてください。

プロジェクトのルートにファイルを追加して、文字通り「.jshintrc」という名前を付けようとしましたが、Visual Studio は次のように文句を言います。

このファイルを Visual Studio プロジェクトに追加して、Web Essentials 拡張機能がそれを取得できるようにする方法に関するドキュメントが見つからないようです。

何か案は？

アップデート

Hex が正解でした。Windows エクスプローラーでも、ピリオドで始まるファイルに名前を付けることはできないため、コマンド プロンプトを開いてファイルの名前を変更する必要がありました。その後、全体を中かっこで囲むという Hex のアドバイスにも従いました。これが私の.jshintrcファイルの内容です....これは、WebAppのルートフォルダーに座っています... web.configなどの他のファイルと並んでいます。

「ko」オブジェクトに関する 1000 万回の不要な警告が表示されなくなりました。:) Hexに感謝します！