Статьи

Начало работы с Node.js и Visual Studio

Июнь 4, 2018

Это первое в серии поста, который поможет Вам получить до скорости с  Node.js . В этом посте не будет попыток объяснить, почему  узел  интересен или почему вы должны его изучить.

Существует много способов изучения  узлов  и множество инструментов для работы с ними. Visual Studio является лидером на рынке, когда речь заходит о интегрированных средах разработки. Вот что я собираюсь использовать.

Даже если вы знаете узел, этот пост будет иметь значение, поскольку он покажет вам, как работать с  узлом  с помощью Visual Studio.

Установка

Вы можете начать, перейдя в CodePlex, чтобы загрузить необходимые установочные файлы.

Эта ссылка и как начать: 
https://nodejstools.codeplex.com/releases/view/114437

На момент написания статьи инструменты находятся на ранних стадиях. Установочный файл можно найти здесь:

image001

Рисунок 1 — Установка CodePlex / файл MSI

 Будут зарегистрированы расширения узла Visual Studio  , что позволит вам создавать   проекты узлов из Visual Studio.

image002

Рисунок 2 —   Установщик узла для Visual Studio 2013

Ваше первое базовое приложение

Let’s begin with the most simple application possible. Start Visual Studio and go to the file menu and choose new project. Notice there is a JavaScript template, allowing us to select Blank Node.JS Web Application. I will choose HelloWorld.js.

image003

Figure 3 — File/New Project/Blank Node.js Web App

Solution Explorer will contain the most rudimentary aspects of your node application. As we move through this tutorial we will add additional packages.

image004

Figure 4 — Solution Explorer

Visual Studio automatically provides the “hello world” message.

server.js

var http = require('http'); 
var port = process.env.port || 1337; 
http.createServer(function (req, res) { 
    res.writeHead(200, { 'Content-Type': 'text/plain' }); 
    res.end('Hello World\n'); 
}).listen(port);

(Code Snippet — server.js)

Note: We will quickly address that Visual Studio supports Intellesense.

Intellisense

The nice thing about Visual Studio is that Intellisense is available, dramatically simplifying coding.

image005

Figure 5 – Intellisense

Notice in the figure above I just typed in http plus a period and the system automatically provided on the methods and properties relevant for http.

Require

You can also use the require() method to load and cash JavaScript modules, which are localized memory spaces that contain singletons and class definitions. We will talk more about this capability in future modules. For those of you with some nodeexperience, you’ll appreciate Visual Studio’s capability to list locally installed default modules.

Simply type in require (.

image006

As you can see Visual Studio will automatically provide a list of available modules that are part of the default installation.

Running our project

One of the great things about Visual Studio is its ability to run with a simple F5 key. This action will automatically start the browser on the local Web server, selecting port 1337.

Figure 6 — Visual Studio showing available modules

image007

Figure 7 — Running project

Notice in the figure above that everything just works and that hello world easily shows up in the browser.

Summary

In this post we looked at the minimum knowledge you will need to move forward. We started with the discussion of how tointegrate node.js with Visual Studio. We looked at some of the built-in niceties that Visual Studio provides, such asIntelliSense. We then ran the project with the simple F5 key.

36
Share: