Angular 2 and Ionic 2 with Visual Studio - node.js

So, this may be a stupid question, and if so I do apologize in advance. But I can't seem to find any documentation on this anywhere at all. My goal is to create an Angular 2 project, with Ionic 2 within Visual Studio, but I do not want to utilize any .NET framework. Everything I seem to find either utilizes the .NET framework, or works completely outside of Visual Studio within a separate IDE and utilizing command line tools, as well as node.js and npm. I'm just curious if this was possible to do, or if node.js/npm is the preferred manner of doing things?

Use visual studios code for your IDE. It is the light weight version of visual studios. It also runs on all OS. After that install all your global projects from command line like ionic, ionic CLI, nodejs. I install nodejs because it automatically installs NPM. Then inside VS code you can open the integrated terminal and use the ionic CLI to create a project skeleton and get started. The whole process is very easy and quick. To answer your final question, NPM is the easiest and probably the most documented way to get started.

utilizing command line tools, as well as node.js and npm
I'm really curious to know how can you build Ionic app without node. You must use Node.
if node.js/npm is the preferred manner of doing things?
Absolutely YES. If you want,instead of npm, you can use other package manager like yarn.
You can still use the Visual Studio as the IDE if it is your preferred IDE. Even Visual studio has a GUI process to ease the process of building the node app, It still use Node under the hood.

Related

Visual Studio Code does not suggest any Node.js syntax

I am new to visual studio code and Node.js and also install Node and npm to my computer.
My problem is VS code does not suggest any node syantax.
I watch youtube tutorials to learn node and in the video, instructors VS code suggest node js syntax.
Based on: https://code.visualstudio.com/docs/editor/intellisense it should have intellisense come right out of the box within VS code. I would recommend uninstalling and reinstalling VS code.
Some other gotcha's or things which may help:
Intellisense for javascript only works within files that are labeled with the .js extension
The hotkey Ctrl+Shift+brings up a terminal which contains aProblems` in there you can see the problems of the Workspace which may show some additional information regarding what is failing.

How to build/run Golang and SPA frameworks such as ReactJs/VueJs on the same IDE?

Just like the latest Visual Studio 2017, .NetCore2(backend) and an SPA(frontend) can be build under one command or under one Project. I think Microsoft team managed to implement the building tool for backend and frontend at the same build command.
I am looking for an IDE or a plugin or any way that can do such feat with GoLang(backend) and VueJS(frontend).
Coding
All Jetbrains products provide their official Vue.js plugin. I'm using GoLand and this plugin to achieve what you need.
Running
I open up two terminals inside the IDE. Then I start the client and server separately.

Visual Studio 2015 - Multiple Instances of Node.js

I am currently experiencing a strange issue with Node.js within Visual Studio.
I'm currently working on multiple projects (containing many typescript files - i've read elsewhere this could possibly have something to do with my problem) in Visual Studio 2015 (Version 4.7.02053). I have node.js (v 6.10.0) installed on my dev machine also. Currently we are using the built in TypeScript compiler within visual studio (previously using grunt for ts compilation, now just for sass).
I've also configured visual studio to use the current version of node I have installed (please see screenshot below):
Custom Path to node.js installation
My issue is this, whenever I open one of my projects, multiple, I mean a lot, I mean like between 50-100 node.exe processes spin up, please see the image below!
Lot's of node processes, seems to be update-notifier\check.js???
This is eating away at my CPU and rendering my machine barely usable, especially when i have three or four separate projects open at the same time.
I've attempted to google a fix for this but haven't come up with anything that has worked thus far, so, any help you could possibly give me is greatly appreciated.
Thanks in advance,
Paul
This seems to have to do with the update-notifier package.

Can I use ES6 modules in a Node.js application and debug it in Visual Studio?

I've tried building a basic node.js ES6 module test project in Visual Studio 2015. But I get build errors and cannot run or debug the application in VS.
Have I just came to the party too early?
If it's worth anything I have tried opening and building the project in both VS2013 (Update 3) and VS2015 RC.
I have installed:
Node.js 0.12.2
Node.js Tools 1.0 for VS2013
Node.js Tools 1.1 Beta for VS2015
Additionally, I have added Robert Penners () node.d.ts gist to get over the import syntax errors.
See: https://gist.github.com/robertpenner/7d48f184df1236c4fdca
I have uploaded the project for others to try: https://dl.dropboxusercontent.com/u/10159140/es6-modules-ts.zip
Node Tools dev here. Thanks for reporting this. Indeed, we support the ES6 typescript target type.
That said, I'm running into issues running your app in the command line altogether with the latest versions of both node and io.js, so this may be a level of ES6 support mismatch between all the components at play here... Have you managed to successfully run your app in the command line (without the debugger)? Otherwise it may be related to this discussion:
https://github.com/nodejs/io.js/issues/1000
Once you figure that out, be sure to set up your project with the right node.exe arguments (harmony flag and whatnot) in project properties, so Visual Studio knows how to run it too.
Hope that helps!
P.S. just an fyi - we've moved to GitHub now, so please post issues there (rather than on CodePlex) for the quickest responses.
https://github.com/Microsoft/nodejstools

How to debug node.js app typescript file in Visual Studio 2013

I have an Node.js app written by typescript. I have VisualStudio 2013 and Node.js tools for Visual Studio, so I can debug compiled .js files in node.js runtime.
I can debug typescript files for browser html application.
How can I debug typescript files for node.js environment?
It is trivial to debug nodejs javascript applications using webstorm : http://www.youtube.com/watch?v=6bKsDoFj83o I would suggest doing the same in typescript case i.e. debug your js.
I tried to do this a while ago and found it quite frustrating, I don't think it's possible to use the Visual Studio debugger for TypeScript with Node applications at the moment. You're also limited to using Internet Explorer for debugging and most developers seem to use Chrome these days.
That said Node and TypeScript debugging is possible, there's a link here. The process is a little funky but basarat is on the right track - WebStorm is probably a superior development environment for JavaScript applications and it has good support for the compile to languages (TypeScript, CoffeeScript, Dart). I haven't tried debugging TypeScript with Node apps using WebStorm but according to this thread it is possible.
UPDATE:
I've just had a quick look at the NTVS site (see here) and there are workarounds but they're not easy and this remains a work in progress
With the 1.0 beta release of NTVS it is now very simple to debug node.js applications in visual studio (version 2013), as this release contains the typescript compile templates which previous versions did not contain. The new functionality lets you debug directly in your typescript code.
If you are using previous versions you can get around the missing templates by having two projects in your solution, one for a web application (this does the typescript build) and one for the nodejs tools to debug the js code.

Resources