Is there a Visual Studio equivalent of html2js with grunt to compile Angular template files, as used, for example, in this angular app?
I'm asking this question because it took me a while to find the excellent solution I eventually came across, which I've put in my answer below. I hope posting it here will make it easier to find on Google.
I've previously used grunt with html2js to compile Angular templates. On my current project we have to use Visual Studio. I'm using the AngularJS SPA Template, available here.
After some searching, I found this excellent blog post and related github project, which solved the problem brilliantly. My thanks to Boyan Mihaylov, the author.
Related
I have an application that is using an ASP.NET MVC project and controllers that is an envelope to an Angular-based SPA hosted inside of that project. Previous developers implemented SASS port of Bootstrap 3.3.0 and I need to get it up to 3.3.7. Most documentation on the Official Port of Bootstrap 2/3 is catering to ruby/npm implementations. How does one keep up on updates effectively in a Visual Studio world or should I simply update it externally using rake, ruby, npm, etc? Any guides or assistance is welcome. Thanks in advance.
After more research it looks like rake and the instructions found on the twbs readme may be sufficient from a command line standpoint but if anyone has further thoughts feel free to add.
https://github.com/twbs/bootstrap-sass#upstream-converter
Also have found a Nuget package that may provide better support than the handrolled version in place in the project now. https://www.nuget.org/packages/Twitter.Bootstrap.Sass/
I thought I was smarter than this, but evidently I'm not. I'm a many-year veteran of software development. I used to work as an engineer at Google. I write TypeScript at work every day.
All I wanted to do was convert my existing AngularJS website into a website that uses TypeScript instead of what I currently have, which is plain JavaScript with the Google Closure Compiler. And I want to be able to use Visual Studio 2015 Community Edition to do the editing, type-checking, etc. Ideally, I'd like to use ASP.NET WebForms to generate the HTML files dynamiclaly so I can do a few clever things server-side, but I'm not wed to the idea.
I have tried many different tutorials, including:
generator-angular-typescript-gulp
TypeScript, AngularJS, Gulp and Bower in Visual Studio 2015
Building AngularJS application with TypeScript and Visual Studio Code
Setting up TypeScript and AngularJs in Visual Studio 2013
Building Web applications with TypeScript and AngularJS in Visual Studio 2015
But none of these have gotten me what I needed, which was the following:
Out of the box, build an application without error. Some tutorials have failed because they couldn't handle the \ vs / issue of Windows. Others, complain that I don't have git installed (even though I do). Others have been written for what seem to be obsolete versions of NPM and/or Gulp packages and fail when followed verbatim.
Said application must be structured in a reasonably-realistic manner that will scale. Many walk-throughs seemed to be hacked-together examples that don't really show you best practices.
Said application must use TypeScript modules so that I can break my application into multiple, reusable components. Ideally, I'll be able to compile them together into a single output js file, but my attempts here have been disastrous.
Said application must be editable with Visual Studio, with the fewest number of "extra steps" required to work with the thing. An ideal situation would be to just have the darn thing built by Visual Studio, but I'm perfectly fine with typing in an npm or gulp command or three.
Said application should use relatively modern versions of the TypeScript and AngularJS 1.x (I'm not ready for AngularJS 2.0 yet).
So, here I am humbling myself, asking the cognoscenti how to do what I think should have been trivially easy to do.
Can you either point me to a good tutorial that actually works and provides the aspects I need, or else give me some decent step-by-step instructions?
You may assume moderate familiarity on my part with Visual Studio, AngularJS, NPM, NuGet, and TypeScript. You may also assume fledgling familiarity with Gulp, Grunt, and Yeoman. Finally, you may assume that I've used JSPM, but that I've used it with a cartoon-like question mark suspended over my head.
I've been trying, off and on again, for months to get this to work. I won't claim to be a genius, but I'm definitely not stupid. It seems to me that this ought to be easy, yet it's confounded me at every turn. Help me, Obi-Wan Kenobi. You're my only hope!
Jeff
P.S. This proliferation of package managers, created I'm sure with the best of intentions, reminds me of this classic cartoon.
I am using visual studio 2010. When i am going to install angularjs and Angularjs UI Bootstrap from Microsoft nuget. In my index page i already set angularjs.min.js reference but angularjs intellisense not working. Please help me
i had this issue.
The visual studio IDE will scan any js files referenced in the HTML files and use them if neccesary (for the intellisense etc).
My problem was i was referencing Angularjs using the CDN/http:// addresses and thus Visual studio did not have any information on angular.
Try downloading the angularjs js file directly and include in your project and reference in your index.html, rebuild (just in case) and try again and hopefully it should work.
Hope i helped.
I'm trying to learn how to use NancyFx with Mono in Ubuntu.
I've successfully built Nancy using the MonoRelease target in MonoDevelop (opening the solution in the IDE, selecting the MonoRelease build target, running Build).
I've created a new MonoDevelop solution in a separate directory called NancyTest. When I go add the references to the project it can't find them anywhere.
Any ideas?
Here is a better answer then the super vague one already given. You can use Nuget to install the the items you need and then add them as references.
https://github.com/NancyFx/Nancy/wiki/Hosting-Nancy-with-Nginx-on-Ubuntu
The URL is a very nice example of how to get started with your first webpage. the nginx settings don't look super specialized, so you can probably use Apache if you wish. Since the items are written with mono and Nancy you can get away with using Jenkins CI, which is what turned me on to Nancy and mono, so I wouldn't have to install another server. Sorry this post is over a year old, but I came across it while looking for answers, and felt the answer currently given was poor and needed a better example for future users in the same search as me. So to answer your question, I'd bypass the build from source and just install using Nuget/powershell.
I started working on Ext JS, but the building process has always been a headache to me as I always used notepad..
Can you suggest some tools which help me build the Ext JS applications easily....
Initial GUI Setup (if you're feeling lazy!)
Ext Designer
IDE for further development
Aptana Studio or CodeRun (online) or eCoder (online)
Bug testing during development
Firebug
Debugging the final layer of polish
YSlow for Firebug
I'm usually a fan of Eclipse, but Check out PHPStorm, it has better colouring, works well with libraries and does refactoring.
Try Aptana Studio + Firebug. Plus a handset of each type you intend to code for.
Also, see this link for an answer to a similar question:
"Debugging" ExtJS script
TextMate? It's really a matter of personal preference.
I recommend Textpad - I've been using it for 12 years now.
Spket IDE is powerful toolkit for working with JavaScript Framework like extjs.
You can also use Eclipse and Spket plugin for developing better javascript code. Visist http://www.spket.com/ for more details.