Node.js(安裝包版)、Sublime text3安裝與配置

1.Node.js(安裝包版)版本/下載/安裝
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

開始菜單出現cmd圖標/程序文件夾
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

測試安裝是否成功
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

2.npm/node.js包管理器(模塊管理器),Node Package Manager,從 http://npmjs.org 維護的public package registry下載(上傳)模塊包,以便開發和分享
檢測軟件是否集成/安裝了npm模塊
這裏寫圖片描述

這裏寫圖片描述

3.Node.js(安裝包版)基本配置
在nodejs主目錄下新建 node_global(全局模塊存放位置)和node_cache(緩存)2個文件夾,通過cmd配置到Node.js配置文件 中
以便全局安裝插件
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

設置環境變量/電腦(右鍵)->屬性->高級系統設置->環境變量
目的/爲了方便在cmd中執行可執行命令和搜索模塊
安裝後,默認“用戶變量”下“PATH”添加了“C:\Users\sarsers\AppData\Roaming\ npm
在“系統變量”下新建“NODE_PATH”添加“D:\nodejs\node_global\node_modules”
在“用戶變量”下編輯“PATH”添加“D:\nodejs”
在“系統變量”下默認的“Path”相應自動增加了“D:\nodejs”
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

4.Node.js(安裝包版)基本測試
測試程序
基本測試,第一個經典“hello world!”程序
這裏寫圖片描述

用Node.js撰寫的HTTP Server版 hello world示例(粘貼時可能多出多餘代碼,不影響測試結果)

var http = require('http');

http.createServer(function (request, response) {
    response.writeHead(200, {'Content-Type': 'text/plain'});
    response.end('Hello World\n');
}).listen(8000);

console.log('Server running at http://127.0.0.1:8000/');

另一個簡單的TCP服務器示例,監聽(Listening)端口7000並輸出 (echo)之前輸入的消息

var net = require('net');

net.createServer(function (stream) {
    stream.write('hello\r\n');

    stream.on('end', function () {
        stream.end('goodbye\r\n');
    });

    stream.pipe(stream);
}).listen(7000);

5.Sublime text3版本/下載/安裝
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

6.Package Control安裝/Sublime text3包(插件)管理工具
安裝代碼 https://packagecontrol.io/installat

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Sublime text 3,按ctrl+~或者菜單View > Show Console打開命令窗口,粘貼以上代碼並回車即可。
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

7.Sublime text3 配置環境變量/Node.js 編譯環境
環境變量
系統變量Path中添加subl.exe所在文件夾位置D:\Sublime Text 3,是爲了能在cmd中執行subl命令
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

Node.js 編譯環境
是爲了在Sublime text3中調用Node.js運行.js程序
Nodejs.sublime-build
文件位置 C:\Users\sarsers\AppData\Roaming\Sublime Text 3\Packages\User
注意”encoding”與”windows”內容及寫法,否則亂碼和報錯

{ 
   "cmd": ["node", "$file"], 
   "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", 
   "selector": "source.js", 
   "shell":true, 
   "encoding": "utf-8", 
   "windows": 
     { 
       "cmd": ["taskkill","/F","/IM","node.exe","&","node", "$file"] 
     }, 
   "linux": 
     { 
       "cmd": ["killall node; node", "$file"] 
     } 
  }

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

Nodejs.sublime-settings
文件位置 C:\Users\sarsers\AppData\Roaming\Sublime Text 3\Packages\User
“node_command”: “D:\nodejs\node.exe”,
“npm_command”: “D:\nodejs\npm.cmd”,

{
 // 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": "D:\nodejs\node.exe",
 // Same for NPM command
 "npm_command": "D:\nodejs\npm.cmd",
 // as 'NODE_PATH' environment variable for node runtime
 "node_path": false,

 "expert_mode": false,

 "ouput_to_new_tab": false
}

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述
重啓 Sublime text3之後,配置就完成了

8.Sublime text3 測試
測試代碼

var http = require('http');
var os = require('os');

http.createServer(function (request, response) {
  response.writeHead(200, {'Content-Type': 'text/plain'});
  response.end('Hello World\n');
}).listen(3000);

console.log('Server running at http://127.0.0.1:3000/');

運行代碼 ctrl+b
這裏寫圖片描述

這裏寫圖片描述

瀏覽器顯示 http://127.0.0.1:3000 內容Hello World
這裏寫圖片描述


cmd輸入node進入node模式,輸入.exit退出node模式
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

cmd複製/粘貼
標題欄->右鍵,即可看到相關功能和設置
這裏寫圖片描述

環境變量
系統變量,對所有用戶起作用/用戶變量,只對當前用戶起作用
一般說設置環境變量,默認是說設置系統變量
用戶變量要隨系統變量做相應更改
用戶變量/PATH,當前用戶調用可執行命令搜索路徑
系統變量/NODE_PATH,搜索Node.js模塊所在路徑
系統變量/Path,所有用戶調用可執行命令搜索路徑

環境變量配置界面
電腦(右鍵)->屬性->高級系統設置->環境變量
這裏寫圖片描述

win+R,運行sysdm.cpl
這裏寫圖片描述

ctrl+~ 調出Sublime text3 console控制檯

ctrl+b 運行.js程序

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章