【Node.js】2.開發Node.js選擇哪一個IDE 開發工具呢

安裝完Node.js以後，就要爲它選擇一個有利的IDE用於開發。

相比較了多個IDE以後，定位在webstrom和sublime上。

有一個簡單的比較：

webstorm功能很豐富，前端開發工具的集大成者，相比sublime稍重一些

sublime插件也很豐富，界面也比較美觀，很輕量，也有簡單的project管理功能

這裏選擇使用sublime做爲Node.js的開發工具。

【着重建議下載使用英文版：http://www.sublimetext.com/3  由於以後會由於是漢化版的出現好多使人無語的問題。】

【後續文中截圖所有爲英文版的，註冊和未註冊的並無什麼區別，只不過會按期提醒你讓你註冊】

傻瓜式安裝，安裝完成啓動。

 

關於sublime的使用，有超級多的小技巧。

請在官網查詢 其相關文檔，後續使用。

 

而後進入node.js的官網，找到文檔中的例子，使用node.js編寫的web服務器。

 

 1.首先使用sublime打開一個文件夾，而後能夠在這個文件夾下新建一個文件

2.接下來，你直接在這個文件頁面，寫上start.js，

就額能夠完成保存本js文件了。

 

 3.start.js文件保存好以後，刪掉文本中的文件名+後綴，將官網上這段js小例子貼在本js文件中

關於const和var的區別，詳見http://www.cnblogs.com/sxdcgaq8080/p/7353685.html

 1 const http = require('http');
 2 
 3 const hostname = '127.0.0.1';
 4 const port = 3000;
 5 
 6 const server = http.createServer((req, res) => {
 7   res.statusCode = 200;
 8   res.setHeader('Content-Type', 'text/plain');
 9   res.end('Hello World\n');
10 });
11 
12 server.listen(port, hostname, () => {
13   console.log(`服務器運行在 http://${hostname}:${port}/`);
14 });

View Code

 

【小技巧1】：若是你想修改上面js中的同一個變量，例如：上面的const，你能夠將光標放在任意一個const上，而後Ctrl+D，點擊屢次就能夠選中多個const。

 

4.保存js文件後，進入dos窗口

 

 

5.此時看到已經打印出了http://127.0.0.1:3000/,一個運行在本機的，端口爲3000的服務器就跑起來了

而後在瀏覽器上訪問本地址

 

6.修改start.js，前臺刷新一下

 

修改了start.js後，刷新瀏覽器並無改變，是由於服務器並無重啓

在dos窗口 Ctrl+C,能夠停掉啓動的服務，而後從新啓動一下服務

 

7.以上就能夠使用sublime編寫js文件，使用Node.js引擎運行了js文件中的js代碼，就能夠跑起來一個用純js寫的服務器。