blocks|key|2901777|text|根据我开发Asp.Net+MVC的经验，Visual+Studio对JavaScript的支持是有限的。我想你可以做一些事情来模仿你想要的行为：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2901778|2901779|创建一个项目来存储您的JavaScript文件，也许是一个类库项目它实际上并不重要，只要它支持构建事件。将您的JavaScript文件放入新项目中。|ordered-list-item|2901780|在此项目上创建生成后步骤，以使用外部工具最小化JavaScript。我使用YUI+Compressor。您的构建后步骤应该包含类似于以下内容的行：|offset|length|2901781|2901782|java+-jar+$(ProjectDir)Scripts\yuicompressor+2.4.7.jar+$(SolutionDir)Scripts\yourJsFile.js+-o+$(SolutionDir)Scripts\yourJsFile.min.js+--charset+utf-8|2901783|将这个新项目包含在您的解决方案中。然后，对于您的Asp.Net项目，设置您的Active+Server+Pages，使其引用JavaScript文件，我正在使用Razor语法作为示例。不过，指定正确的路径可能很棘手：|unordered-list-item|2901784|2901785|2901786|+@if+(@Model.IsDebug)+{++}+else+{+<script+src="@Url.Content("~/Scripts/yourJsFile.min.js")“type="text/javascript">+}</div><div></blockquote></div><div>同样，要确保可以准确地引用Asp.Net项目中的JavaScript文件，可能需要一些技巧。但我相信有办法做到这一点。也许您可以让您的构建后步骤将JavaScript文件复制到某个公共位置。如果这样做，您还需要将JavaScript项目上的构建后事件标记为"Always+Run"，以便始终复制JavaScript文件。</div><div></div>|blockquote|2901787|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/yui/compressor/^0|0|0|0|11|E|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|13|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|14|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|15|8|@]|9|@$H|16|I|17|1|18]]|A|$]]|$1|J|3|-4|5|6|7|19|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|1B|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|R|3|S|5|T|7|1E|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

<p>Based on my experience developing Asp.Net MVC, Visual Studio has limited support for JavaScript.  I suppose there is something you can do to mimic the behavior you want:</p>

<ol>
<li><p>Create a project to store your JavaScript files, perhaps a Class Library project it doesn't really matter, as long as it supports Build Events.  Put your JavaScript files inside new project. </p></li>
<li><p>Create a post build step on this project to minimize your JavaScript using an external tool.  I use <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a>.  Your post build step should contain lines similar to the following:</p>

<p>java -jar $(ProjectDir)Scripts\yuicompressor-2.4.7.jar $(SolutionDir)Scripts\yourJsFile.js -o $(SolutionDir)Scripts\yourJsFile.min.js --charset utf-8</p></li>
<li><p>Include this new project in your solution.  Then for your Asp.Net projects, set up your Active Server Pages such that they reference the JavaScript files, I am using Razor syntax as an example.  It might be tricky to specific the correct path though:</p></li>
</ol>

<blockquote>
<pre><code>@if (@Model.IsDebug)
{
&lt;script src="@Url.Content("~/Scripts/yourJsFile.js")"  type="text/javascript"&gt; &lt;/script&gt;
}
else
{
&lt;script src="@Url.Content("~/Scripts/yourJsFile.min.js")"  type="text/javascript"&gt;&lt;/script&gt;
}
</code></pre>
</blockquote>

<p>Again it might be tricky to ensure that you can accurately reference the JavaScript files from your Asp.Net project.  But I'm sure there is a way to do it.  Perhaps you can have your post build step copy the JavaScript files to some common location.  If you do this you will also want to mark the post build event on your JavaScript project as "Always Run", so the JavaScript files are always copied.</p>


blocks|key|2901860|text|问得好(%2B1)。我的决定是将所有的javascript通用文件放在单独的javascript项目中，并使用linked+files在web/mvc项目中使用所需的js文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2901861|这样，您就可以使用javascript项目端的subversioning控件，并使用所有可用的工具从单独的通用项目端压缩和合并js文件。|2901862|entityMap|0|LINK|mutability|MUTABLE|url|http://www.devaffair.com/2011/01/linked-files-in-visual-studio-2010.html^0|1H|C|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<p>Good question (+1). Me decision was to put all javascript general files to separate javascript project and use <a href="http://www.devaffair.com/2011/01/linked-files-in-visual-studio-2010.html">linked files</a> to needed js files in web/mvc project.</p>

<p>This way you get possibility to use subversioning control from javascript project side and compacting and merging js files from separate general projects side using all available tools.</p>


blocks|key|233896|text|我对此真的很好奇！如果有人有其他/更好的想法，请@评论给我。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|233897|选项1:使用ASP.NET软件包的Web项目|233898|如果你只想要一个前端的javascript项目，这是一个简单的选择。Web+Essentials很容易在Visual+Studio中使用和安装。您可以使用此选项来轻松缩小。然后，您可以使用Qunit进行测试。这是进入javascript客户端开发的一个非常简单和轻量级的入口点。|offset|length|style|BOLD|233899|选项2:+Visual+Studio的Node.js工具|233900|使用Node.js+Tools+for+Visual+Studio。它将为你提供很多这些好东西的项目模板。你可能最终不会使用node.js，特别是如果你只是在创建一个客户端的js库，但是拥有node.js对测试很有帮助，你会希望/需要npm安装我最初的回答中提到的所有其他好的东西(选项3)。|233901|这个过程中涉及到大量的设置。对于一些.NET开发人员来说，这可能是一个进入的障碍。|233902|选项3:网站项目|233903|这是我过去做过的事情：|233904|​|233905|📷|atomic|233906|233907|我实际上在Eclipse中创建了this+project！(不要恨我)。后来，我使用网站项目创建了一个Visual+Studio解决方案。我安装了node.js，这当然不是必需的，但我将它用作一个轻量级的web服务器。|233908|然后，您可以使用Nuget或Bower来安装其他东西，如：|233909|用于单元testing|233910|grunt的模块management|unordered-list-item|233911|
|233912|jasmine的|233913|require.js或用于构建(minification)|ordered-list-item|233914|You的gulp可以安装jslint或jshint以进行代码更正。|233915|233916|233917|并不是所有这些都是必需的。我认为Bower已经集成到Visual+Studio+2015中了。其中一些将需要命令行构建，但是一旦设置好就没有什么命令可以运行了。|233918|entityMap|0|LINK|mutability|MUTABLE|url|http://vswebessentials.com/|1|https://www.visualstudio.com/en-us/features/node-js-vs.aspx|2|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/9ae7019b3aa55dd56f06ed21afbbb07d.png|imageAlt|3|https://github.com/jesslilly/gravitydog^0|0|0|2M|5|Y|E|0|0|0|2|V|1|0|0|0|0|0|0|1|2|0|0|16|4|G|C|3|0|8|B|0|0|0|I|0|0|0|8|0|0|T|0|0|8|C|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|23|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|24|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|25|8|@$F|26|G|27|H|I]]|9|@$F|28|G|29|1|2A]]|A|$]]|$1|J|3|K|5|6|7|2B|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|2C|8|@]|9|@$F|2D|G|2E|1|2F]]|A|$]]|$1|N|3|O|5|6|7|2G|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|2H|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|2I|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|2J|8|@]|9|@]|A|$]]|$1|V|3|W|5|X|7|2K|8|@]|9|@$F|2L|G|2M|1|2N]]|A|$]]|$1|Y|3|U|5|6|7|2O|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|2P|8|@$F|2Q|G|2R|H|I]]|9|@$F|2S|G|2T|1|2U]]|A|$]]|$1|11|3|12|5|6|7|2V|8|@$F|2W|G|2X|H|I]]|9|@]|A|$]]|$1|13|3|14|5|6|7|2Y|8|@]|9|@]|A|$]]|$1|15|3|16|5|17|7|2Z|8|@$F|30|G|31|H|I]]|9|@]|A|$]]|$1|18|3|19|5|6|7|32|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|17|7|33|8|@$F|34|G|35|H|I]]|9|@]|A|$]]|$1|1C|3|1D|5|1E|7|36|8|@$F|37|G|38|H|I]]|9|@]|A|$]]|$1|1F|3|1G|5|1E|7|39|8|@$F|3A|G|3B|H|I]|$F|3C|G|3D|H|I]]|9|@]|A|$]]|$1|1H|3|-4|5|6|7|3E|8|@]|9|@]|A|$]]|$1|1I|3|-4|5|6|7|3F|8|@]|9|@]|A|$]]|$1|1J|3|1K|5|6|7|3G|8|@]|9|@]|A|$]]|$1|1L|3|-4|5|6|7|3H|8|@]|9|@]|A|$]]]|1M|$1N|$5|1O|1P|1Q|A|$1R|1S]]|1T|$5|1O|1P|1Q|A|$1R|1U]]|1V|$5|1W|1P|1X|A|$1Y|1Z|20|-4]]|21|$5|1O|1P|1Q|A|$1R|22]]]]

<p>I am really curious about this!  Please @ comment to me if anyone comes up with other/better ideas.  </p>

<h1>Option 1: ASP.NET Web project with Web Essentials</h1>

<p>If you just want a front end javascript project, this is an easy option.  <a href="http://vswebessentials.com/" rel="nofollow noreferrer">Web Essentials</a> is easy to use and install in Visual Studio.  You can use this for easy minification.  Then you can use <strong>Qunit</strong> for testing.  This is a pretty easy and light weight entry point into javascript client-side development.</p>

<h1>Option 2: Node.js Tools for Visual Studio</h1>

<p>Use <a href="https://www.visualstudio.com/en-us/features/node-js-vs.aspx" rel="nofollow noreferrer">Node.js Tools for Visual Studio</a>.  It will give you project templates for a lot of these good things.  You may not end up using node.js especially if you are just creating a client side js library, but having node.js is helpful for testing and you will want/need npm to install all the other good things mentioned in my original answer (Option 3).</p>

<p>There is a lot of setup involved with this one.  It may be a barrier to entry for some .NET developers.</p>

<h1>Option 3: Web Site Project</h1>

<p>Here is what I have done in the past:</p>

<p><a href="https://i.stack.imgur.com/fvE0t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fvE0t.png" alt="enter image description here"></a></p>

<p>I actually created <a href="https://github.com/jesslilly/gravitydog" rel="nofollow noreferrer">this project</a> in Eclipse!  (Don't hate me).  Later I created a Visual Studio solution with a <strong>Web Site Project</strong>.  I installed node.js which is certainly not required, but I was using it as a lightweight web server.</p>

<p>Then you can use <strong>Nuget or Bower</strong> to install other things like:</p>

<ol>
<li><strong>require.js</strong> for module management</li>
<li><strong>jasmine</strong> for unit testing</li>
<li><strong>grunt or gulp</strong> for builds (minification)</li>
<li>You could install <strong>jslint or jshint</strong> for code correction.</li>
</ol>

<p>Not all of these things are required.  I think Bower is integrated into Visual Studio 2015.  Some of these will require command line builds, but there are very few commands to run once you set it up.</p>


blocks|key|239405|text|如果你想访问pre-build/pos-build+(任务运行者资源管理器不需要)，创建一个空的ASP.net核心项目(它将隐藏node_modules文件夹，文件将自动放入项目中(只需复制它们，不需要手动添加它们)。但是，这会生成一个obj和bin文件夹，这可能会很烦人。这里的一个好处是，如果您在wwwfolder中构建项目，则可以使用Visual+Studio中的publish命令。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|239406|如果您不关心上述任何一项，那么共享的C#项目不会生成输出，因此它是创建javascript项目的一个很好的模板(我在所有的vue+spa项目中都使用它)。这里的缺点是文件嵌套不起作用=\|239407|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>If you want access to pre-build/pos-build (not really needed with task runner explorer), create an empty ASP.net Core project (it will hide the node_modules folder and files will automatically be put into project (just copying them, it is not required to add them manually). BUT, this generates an obj and bin folder, which can be annoying. One good thing here is that if you build your project in the wwwfolder, you can use the publish command from Visual Studio.</p>

<p>If you don't care about none of the above, a shared C# project don't generate output, so it is a good template to make a javascript project (I use it for all my vue spa projects). The downside here is that file nesting won't work =\ </p>


<p>I have a tasks that involves creating a JavaScript library that will then be used by multiple projects in a Visual Studio solution. Ideally I would like to find a project type that would, for my JavaScript code, behave as if it was a C# class library, i.e.:</p>

<ul>
<li>It would "compile" (minify, check by Closure, ...) the JavaScript code into some output **.js* file</li>
<li>This output could be "referenced" by other projects, e.g. by an ASP.NET MVC project</li>
<li>I could specify a "build order" of my projects (standard VS feature)</li>
</ul>

<p>Is this possible with VS 2010 / 11 or do I need to write some BAT / PowerShell files and script it myself?</p>

<p>Similar but slightly different question: <a href="https://stackoverflow.com/questions/544967/visual-studio-project-template-for-javascript-vbscript">Visual Studio Project Template for JavaScript/VBScript?</a></p>


JavaScript project type for Visual Studio?

Visual Studio

服务器

Eclipse

我有一个任务，涉及创建一个JavaScript库，然后由Visual Studio解决方案中的多个项目使用。理想情况下，我希望找到一个项目类型，对于我的JavaScript代码，它的行为就像是一个C#类库，即：它将被“编译”(缩小，按闭包检查，...)将JavaScript代码放入某个输出**.js*文件此输出可能会被...

问Visual Studio的JavaScript项目类型？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Visual Studio的JavaScript项目类型？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Visual Studio的JavaScript项目类型？
EN