前言
既然都開始配置環(huán)境了钠糊,那如何安裝NodeJs大家肯定都很熟悉了墓贿,這里我就不贅述了扒怖。
這篇文章適合剛起步學(xué)習(xí)NodeJs清笨,并以Sublime Text3作為編輯器的童鞋閱讀觀看。
下面我以實際例子來配置一個NodeJs開發(fā)環(huán)境溪猿,并跑起來~
環(huán)境介紹
電腦系統(tǒng):Windows 7钩杰;
編輯器:Sublime Text3;
安裝
方法一(可跳過不看):
在Sublime上安裝:Ctrl+Shift+P ?調(diào)出Package Control 回車 => 搜索nodejs => 安裝
(? ??_??)?如果就這么簡單那就不需要這篇文章了诊县,此方法安裝的Node.js的插件無配置文件讲弄。
方法二:
git 安裝:
點擊戳 →_→官網(wǎng)參考
·MacOSX
git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application\ Support/Sublime\ Text\ 3/Data/Packages/Nodejs
·Windows
git clone https://github.com/tanepiper/SublimeText-Nodejs.git? ~/Library/Application\ Support/Sublime\ Text\ 3/Data/Packages/Nodejs
·Linux
git clone https://github.com/tanepiper/SublimeText-Nodejs ?$HOME/.config/sublime-text-3/Data/Packages/Nodejs
方法三(我用的這個):
手動安裝:
點擊戳→_→插件github地址
點擊Download ZIP => 手動解壓 => 得到如下文件:
然后打開Sublime 首選項-瀏覽插件目錄 會打開一個文件夾,這就是放插件的地方依痊。
新建一個Nodejs的文件夾 把剛剛下載的SublimeText-Nodejs-master里面的文件全部剪切過來避除。
我的是醬嬸的:
( ̄y▽ ̄)~yeah 這樣插件就算安裝好鳥。
接下來
↓
更改配置
有兩處需要更改的 就是插件里面的Nodejs.sublime-build和Nodejs.sublime-settings兩個文件胸嘁;
用sublime打開Nodejs.sublime-settings
改成下圖
注意看這里:E:\\nodejs\\node.exe 是你存放node的地址 我是放在e盤的nodejs文件夾里 我就這么寫瓶摆。'\'記得要轉(zhuǎn)義哦
用sublime打開Nodejs.sublime-build
改成下圖
原本是"cmd": ["taskkill /F /IM node.exe & node $file"]改成
↓
"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]
PS:
①該編碼格式 不然運行時會亂碼;
②給cmd 每一個加上引號性宏,這里我也不知道為什么 反正不加 運行的時候就編譯不出來O(∩_∩)O~群井,知道的小伙伴告訴我一聲。
改好后 就大功告成開始Nodejs之旅吧
運行 第一個Node.js—— hello world!
在你的項目文件夾(無論放哪兒都可以毫胜,只要是這臺電腦上)下书斜,新建一個server.js
寫入 如下代碼
這段是從菜鳥教程隨便扒的诬辈,具體意思去那兒學(xué)習(xí)吧!
var http = require('http');
http.createServer(function (request, response) {
// 發(fā)送 HTTP 頭部
// HTTP 狀態(tài)值: 200 : OK
// 內(nèi)容類型: text/plain
response.writeHead(200, {'Content-Type': 'text/plain'});
// 發(fā)送響應(yīng)數(shù)據(jù) "Hello World"
response.end('Hello World\n');
}).listen(8888);
// 終端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');
重點來了菩佑,按Ctrl + B 進行編譯自晰,便會得到
如果沒有的返回看配置Nodejs.sublime-build是否出錯,我試了很多遍稍坯,都是這個出錯酬荞。
控制臺打印出了信息
或者按Alt + R 得到如下相同結(jié)果
(按Alt+R這里有報錯的先不要著急,急也沒用瞧哟,我還沒搞懂為什么混巧,_(:3 」∠)_ 看下一步解決)
然后在瀏覽器訪問http://127.0.0.1:8888/看網(wǎng)頁中是否出現(xiàn)了熟悉的Hello World或者是網(wǎng)頁無法訪問?
如果出現(xiàn)無法訪問請執(zhí)行如下操作
↓
在你的項目文件夾里
按住shift不放
右鍵單擊在此處打開命令窗口
用node 運行server.js也會打印出你剛剛server.js控制臺輸出的地址勤揩,
這時候再訪問http://127.0.0.1:8888/就可以看到Hello World了咧党!
如圖所示:
END
對了,再放個大功告成圖
后記
這不是教程陨亡,而是我的學(xué)習(xí)筆記傍衡,所以偶爾會存在未解決的問題,還是具有參考價值的负蠕。
我認(rèn)為蛙埂,學(xué)習(xí)代碼最忌諱鉆牛角尖,很多時候可以暫時不求甚解遮糖,先把東西做出來绣的,等熟悉了,說不定很多問題就迎刃而解了喲(╭ ̄3 ̄)╭?
轉(zhuǎn)載作者:要做最浪漫的前端er啊
轉(zhuǎn)載鏈接:http://www.reibang.com/p/ea6ff4f9b3d9
著作權(quán)歸作者所有欲账。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)屡江,非商業(yè)轉(zhuǎn)載請注明出處。