iT邦幫忙

2023 iThome 鐵人賽

DAY 12
0
自我挑戰組

網頁學習30天系列 第 12

網頁學習30天 day12

  • 分享至 

  • xImage
  •  

接下來,我們將撰寫我們的第一個程式碼,也就是HelloWorld,我是透過visual studio code來編寫,首先我們先創建一個文件,名字必須為:名稱.js,以我為例,我的文件名稱為hello.js:
https://ithelp.ithome.com.tw/upload/images/20230927/20162857lqdfgFdORR.png
接著使用console.log('文字'); 語法來編寫HelloWorld:
https://ithelp.ithome.com.tw/upload/images/20230927/20162857GhhXOUmV5b.png
接著我們要執行程式,首先開啟終端(Win+R輸入cmd):
https://ithelp.ithome.com.tw/upload/images/20230927/20162857CnWYB9FKK3.png
接著找到它的位置,我的hello.js是放在d槽的”鐵人用”資料夾內,因此我們要進入”鐵人用”資料夾內來開啟hello.js,首先我們先輸入d:來切換磁碟:https://ithelp.ithome.com.tw/upload/images/20230927/20162857p9sv3izc84.png
接著可以使用dir來搜尋,你可以輸入一些文字後按下tab來輸入或切換後續內容,減少打字時間,你也可以直接去檔案位置複製路徑後輸入cd接著貼上終端,即可進入資料夾:
https://ithelp.ithome.com.tw/upload/images/20230927/20162857yc2yrbfar5.png
可以看見出現了HelloWorld!,表示成功執行,除了這個方法,我們也可以直接在visual studio code中開啟終端:
https://ithelp.ithome.com.tw/upload/images/20230927/20162857MEjdr7rjJW.png
一樣輸入node hello.js:
https://ithelp.ithome.com.tw/upload/images/20230927/20162857VwIiYdFijL.png
一樣可以成功顯示,除此之外,我們也能運算數字:
https://ithelp.ithome.com.tw/upload/images/20230927/20162857fRrAWSjxyV.png
這就是我們的第一支程式。


上一篇
網頁學習30天 day11
下一篇
網頁學習30天 day13
系列文
網頁學習30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言