文件檔案的操作,我個人認為是在學習一門新語言時,相當重要而且有趣的課題!
在Node.js中有關文件、目錄及檔案的操作,主要就是透過fs這支模組來實現。
所以認識一下「fs」,對於日後解決相關問題的思緒上,絕對可以提供更完整的規劃。
以下是二個個人認為相當實用且完整的參考資料,記錄下來提供有興趣的朋友及自己日後學習應用上之參考。
👉http://nqdeng.github.io/7-days-nodejs/#3.2.3
👉https://nodejs.org/api/fs.html
以上這二個網站都提供不錯的參考資訊。
但是你了的~~~這類網站提供的參考文件~通常都很「硬」
所以後續握我還是會針對我覺得有興趣或比較常用到的一些操作作練習及記錄!
有空再跟大家持續分享囉~~先這樣了!
2020年3月27日 星期五
2020年3月26日 星期四
Node.js練習之~讀取檔案篇(2)
大家好~~~
之前介紹過有關
之前介紹過有關
Node.js練習之~讀取檔案篇(1)
其中針對語法內容做了一些簡單說明
這次呢~~主要是將透過WebStorm編輯該檔案的過程錄製下來
並針對其中幾個點加以說明、補充:
1.針對WebStorm在編輯上的一些小技巧作補充。
2.針對「非同步」、「同步」的一些差異作補充說明。
3.檔案內容讀取後的呈現問題(data--data.toString())作補充說明,避免日後遇到時產生困擾!
好了~~針對這些問題,將實際操作直接錄製下來會方便多了!
下面我們就直接看影片吧!
2020年3月25日 星期三
WebStorm的安裝與測試
之前為各位介紹了好用的Node.js整合式開發環境(IDE)WebStorm
這次呢~~就為各位簡單介紹其安裝及與Node.js的整合呼叫測試
若一切順利~之後就可以方便的使用WebStorm來進行Node.js的編輯練習了
首先當然是先到JetBrains去下載WebStorm
下載安裝WebStorm的過程基本上就是一路「Next」就可以完成的(想失敗也挺困難的吧~呵!)
安裝完成之後可以建立一個Node.js的專案,來進行測試。
在專案中繼立第一支程式:hello.js來進行WebStorm與Node.js的呼叫、執行測試
👉開啟專案中建立的:hello.js檔案
輸入以下內容:
執行順利的話,應該就可以順利的在下方看到執行結果!
相關操作內容,可參考錄製的這支影片:
這次呢~~就為各位簡單介紹其安裝及與Node.js的整合呼叫測試
若一切順利~之後就可以方便的使用WebStorm來進行Node.js的編輯練習了
首先當然是先到JetBrains去下載WebStorm
下載安裝WebStorm的過程基本上就是一路「Next」就可以完成的(想失敗也挺困難的吧~呵!)
安裝完成之後可以建立一個Node.js的專案,來進行測試。
在專案中繼立第一支程式:hello.js來進行WebStorm與Node.js的呼叫、執行測試
👉開啟專案中建立的:hello.js檔案
輸入以下內容:
console.log("hello world")接著按下右鍵,選擇:「Run:hello.js」
執行順利的話,應該就可以順利的在下方看到執行結果!
相關操作內容,可參考錄製的這支影片:
Windows下安裝Node.js
之前談了一些Node.js的操作~~但,唉~~你還沒講怎麼安裝Node.js耶!
是喔~~沒安裝Node.js的狀況下,你的系統應該是不認識Node.js的
自然也無法進行Node.js的操作及解析、執行
所以囉~~這次就趕緊先補上Node.js的安裝這部分~~~我就只針對Windows的環境作介紹了(其他的有需要的朋友就尋找goole大神吧)
👉首先~先到node.js網站下載對應的安裝檔案:
好囉~~到這,您的電腦就應該跟node.js完成相認程序了!
後續就可以快快樂樂地跟node.js相處了~~加油!
是喔~~沒安裝Node.js的狀況下,你的系統應該是不認識Node.js的
自然也無法進行Node.js的操作及解析、執行
所以囉~~這次就趕緊先補上Node.js的安裝這部分~~~我就只針對Windows的環境作介紹了(其他的有需要的朋友就尋找goole大神吧)
👉首先~先到node.js網站下載對應的安裝檔案:
👋下載完成就進行安裝程序:(過程又是持續的「Next」即可完成)
💪安裝完成之後怎麼測試是否安裝完成無誤咧~~
1.開啟「命令提示字元」介面如下。
2.輸入:node
node.js安裝無誤的話~~ 應該就會看到如下nodejs的版本訊息了
好囉~~到這,您的電腦就應該跟node.js完成相認程序了!
後續就可以快快樂樂地跟node.js相處了~~加油!
2020年3月24日 星期二
Node.js 練功之~IDE工具篇(1)
工欲善其事,必先利其器!
對於一個剛進入新的學習領域的學習者,如何選擇一個方便、實用有助於學習的工具,就是一個相當實際且重要的事!
當然我們也可以像許多大師一樣,用一套文字編輯器打遍天下無敵手!但成為大師一向不是我輩這種死老百姓的目標,所以我還是偏向選用一套上手的整合式開發環境(IDE) 來協助自己!
以下就是我自己測試實際使用建議的二套整合式開發環境(IDE)工具~~純粹個人喜好!(各有所好,無須筆戰!)
👉首先是我最喜歡也是目前使用的JetBrains系列編輯工具:WebStorm
假如跟我一樣,也有完成申請JetBrains教育使用者授權帳號的話,那你就可以無限制的下載、安裝並使用WebStorm這套軟體!
##有關教育帳號的申請可以參考之前的這篇:https://3c-player.blogspot.com/2017/02/pycharmjetbrains.html
這套開發環境相當方便也有助於新手學習上之參考~~也有好用的程式語法提示功能,對於新手或老手都相當方便!
編輯完也可以進行執行及相關測試、除錯等操作,相當方便!
個人極力推薦!(但前提是你必須要有授權~不然就只能試用囉!)
對於一個剛進入新的學習領域的學習者,如何選擇一個方便、實用有助於學習的工具,就是一個相當實際且重要的事!
當然我們也可以像許多大師一樣,用一套文字編輯器打遍天下無敵手!但成為大師一向不是我輩這種死老百姓的目標,所以我還是偏向選用一套上手的整合式開發環境(IDE) 來協助自己!
以下就是我自己測試實際使用建議的二套整合式開發環境(IDE)工具~~純粹個人喜好!(各有所好,無須筆戰!)
👉首先是我最喜歡也是目前使用的JetBrains系列編輯工具:WebStorm
假如跟我一樣,也有完成申請JetBrains教育使用者授權帳號的話,那你就可以無限制的下載、安裝並使用WebStorm這套軟體!
##有關教育帳號的申請可以參考之前的這篇:https://3c-player.blogspot.com/2017/02/pycharmjetbrains.html
這套開發環境相當方便也有助於新手學習上之參考~~也有好用的程式語法提示功能,對於新手或老手都相當方便!
編輯完也可以進行執行及相關測試、除錯等操作,相當方便!
個人極力推薦!(但前提是你必須要有授權~不然就只能試用囉!)
是的~是的~~又三年了!
最近得閒又有機會開始玩玩一些東西~~
也比較能夠將一些學習記錄下來供自己日後參考回想(年紀大了~容易忘...可怕)
今天就先將Node.js有關檔案的操作先記錄了一篇
看一下日期~~前一次寫文章已經是2017三年前了~~~~甚麼~~三年了.......
哇~~不禁又得來感嘆一下「時光飛逝」了(老人的通病~咳!)
之前比較多的是有關Python方面的學習紀錄,最近也順道玩一下Nodejs
趁著有閒~~希望有心力將這些預防老年癡呆的練習記錄下來!
以下就以這首老歌相思曲~~結尾囉~呵!
也比較能夠將一些學習記錄下來供自己日後參考回想(年紀大了~容易忘...可怕)
今天就先將Node.js有關檔案的操作先記錄了一篇
看一下日期~~前一次寫文章已經是2017三年前了~~~~甚麼~~三年了.......
哇~~不禁又得來感嘆一下「時光飛逝」了(老人的通病~咳!)
之前比較多的是有關Python方面的學習紀錄,最近也順道玩一下Nodejs
趁著有閒~~希望有心力將這些預防老年癡呆的練習記錄下來!
以下就以這首老歌相思曲~~結尾囉~呵!
Node.js練習之~讀取檔案篇(1)
Node.js在檔案操作上,其實相當便捷有力
這裡先記錄一下有關檔案的「讀取」操作~~~
在Node.js中,有關檔案的操作主要就是依賴「fs」這個模組來實現
所以第一步驟就是將其引入:
可以透過以下語法將其引入,俾利後續檔案相關操作。
var fs = require("fs")
而引入後,有關檔案的讀取操作主要可分為:「同步」或「非同步」(這部分詳細一點的後面有空再說)~~二者主要差異簡單講就是:程式要不要等檔案讀取完成再繼續做其他事(個人理解~有誤勿打!)
當然這其中也還有很多其他可以設定、操作的東東~~但「貪多勿得」的前提下,我們還是先練習一下最常用的情境(也比較容易有成就啦)!
👉以下就以如何讀取呈現「同目錄」下的檔案:「r_test.txt」內容為例進行練習囉~~~
var fs = require("fs"); fs.readFile("./r_test.txt", function(err, data) { if (err) {console.error(err);} else {console.log(data.toString());} }) console.log("檔案讀取完囉!");
簡單說明一下上面那些東東在做甚麼:
1.以fs.readFile(....)這串~~將指定目錄中的檔案讀取出來,假如讀取有誤(如檔案不存在、毀損...等等)就→err ,若順利讀取就將讀取的內容放進buffer(緩衝區)→data 中
2.假如有錯誤就呈現錯誤內容→err ,讀取檔案內容無誤就將讀取內容以文字呈現→data.toString()
3.最後再給段訊息「"檔案讀取完囉!"」收工(當然不給這段訊息也是ok的)
執行(Run)上述程式就可得到以下結果:
「Hello到...」這二行就是r_test.txt的內容
至於執行結果~~各位有沒有覺得跟你設想的有一滴滴怪怪的......(謎之音:沒有啊~呵!)
就放到下一篇再做練習分享了!
好囉~~~這篇就這裡~~古德掰!
訂閱:
文章 (Atom)