使用Sublime Text 或 vs2017開發Node.js程序

在學習一門開發語言時,爲了從簡單的方式入手,有時候直接用Notepad開始敲代碼。曾經我也這樣幹過,這樣作簡潔而不簡單啊!node

隨着時間的流逝,人也變得懶惰起來,作事前老是想借助一些工具來搞事情。《論語》有說:「工欲善其事,必先利其器linux

一:Sublime的配置git

1 # 下載 Sublime Text(Sublime Text Build 3143 x64 Setup.exe)     http://www.sublimetext.com/github

2 # 下載Node.js插件(SublimeText-Nodejs-master.zip)                     https://github.com/tanepiper/SublimeText-Nodejsshell

3 # Preferences->Browse Package打開插件目錄                            C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packagesnpm

4 # SublimeText-Nodejs-master.zip 解壓爲nodejs  放到Packages目錄下,總體結構如圖:windows

5 # Sublime Text  ->Tools-->Build System -->Nodejs工具

6 # Preferences-->Package Setting-->Nodejs-->Setting-User 配置文件,或者直接打開以下文件進行配置: 學習

Nodejs.sublime-settings 文件ui

複製代碼
{
  // save before running commands "save_first": true, // if present, use this command instead of plain "node" // e.g. "/usr/bin/node" or "C:\bin\node.exe" //"node_command": false, //改成 "node_command": 「C:\\Program Files\\nodejs\\node.exe」, // Same for NPM command //"npm_command": false, //改成 "npm_command": 「C:\\Program Files\\nodejs\\npm.cmd」, // as 'NODE_PATH' environment variable for node runtime "node_path": false, "expert_mode": false, "output_to_new_tab": false }
複製代碼

Nodejs.sublime-build 文件

複製代碼
{
  "cmd": ["node", "$file"], "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", "selector": "source.js", "shell": true, //"encoding": "cp1252", //改成 "encoding": "utf8", "windows": { //"shell_cmd": "taskkill /F /IM node.exe & node $file" //改成 "cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"] }, "linux": { "shell_cmd": "killall node; /usr/bin/env node $file" }, "osx": { "shell_cmd": "killall node; /usr/bin/env node $file" } }
複製代碼

7 # 寫一段JS代碼,體驗一下Node.js的魅力

複製代碼
var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Sam Xiao 您好\n'); }).listen(8888); //打印地址 console.log('Server running at http://127.0.0.1:8888/');
複製代碼

8 # Tools->nodejs->run 或者 Ctrl+B運行js文件  (Tool->Cancel Build 終止編譯)

 

二:vs2017的Node.js安裝

1 # vs2017,經過   文件  ->  新建  ->  項目  打開以下窗口

2 # 若是沒有Javacript的Node.js項目時,點擊如上圖的紅框連接,進行Node.js開發模塊的安裝

3 #  Node.js項目的目錄結構

4 # 運行項目

 

以上就是介紹的兩種經常使用的安裝工具,喜歡的請關注,按部就班的學習下去。

相關文章
相關標籤/搜索