iT邦幫忙

2021 iThome 鐵人賽

DAY 10
0
Modern Web

前端幼鳥三十天養成記系列 第 10

建JS環境 Node Nodemon

  • 分享至 

  • xImage
  •  

我們飛快的結束惹html ,css,歡迎進入到下一個階段JavaScrip。JS的助教很嚴,學習之前有個入學考-建立JS環境。稚鳥本鳥這次碰和去年隨便碰的時候,慘遭滑鐵盧,稚鳥的筆電被載的亂七八糟。寫這篇,第一要務就是幫各位幼鳥們 防雷。

  • [ ] 為甚麼js要用node

Node是甚麼?可以不要用

JS通常要在瀏覽器上跑,但如果我希望他在Sever端上運作,我可以透過node.js

Node.js 是什麼?跟 JavaScript 有什麼關係|ALPHA Camp Blog

nodejs为什么叫node?

  • [x] scoop

Step0 Windows下載Scoop包管理器 - 安裝 卸載 更新軟體 好神器

為了防止小小鳥的筆電步入我的後塵,我們來使用Scoop吧。他是一個透過寫command-line安裝、卸載、更新軟體和切換版本的工具。他可以把檔案乾乾淨淨的下載到Scoop資料夾裡(通常在C:\Users中),是不是很優秀。可以降低很多選擇版本、刪不乾淨、安裝失敗的問題。

載scoop.png

  • 打開powershell輸入以下,改變執行策略:
Set-ExecutionPolicy RemoteSigned -scope CurrentUser
  • 按兩次Y,確認。輸入下一行,下載scoop
Invoke-Expression (New-Object System.Net.WebClient).DownloadString('https://get.scoop.sh')

一只菜鸟攻城狮啊

用scoop代替chocolatey做Windows包管理器 - fcying's Blog

  • [x] nvm

Step1 Node Version Manager 版本管理器

nvm是Node.js的版本管理器,讓你在不同版本間如魚得水~

scoop install nvm
nvm -v /*確認有沒有裝成功 v指version 查看版本號*/
  • [x] node

Step2 nvm裝 node +npm

Node Package Manager 套件管理器,顧名思義npm載套件的。下載node同時,npm也會一起被載下來。

/*安裝*/
nvm list available  /*查看版本號列表*/
nvm install 版本號
/*確認*/
node -v /*確認有沒有裝成功*/
nvm use 版本號 /*選擇進入哪個node 小心不是nvm的版本號喔~*/

Step3

Node Package Manager 套件管理器,顧名思義npm載套件的。下載node同時,npm也會一起被載下來。

scoop install nvm
  • [ ] use nvm download nodemon
  • [ ] 為甚麼要用nodemon
  • [ ] 怎麼使用

螢幕擷取畫面 (6).png建JS環境 Node Nodemon


上一篇
DAY9 樣式屬性權重 - Nav Bar實作之遇到的小卡頓
下一篇
DOM實作 密碼輸入
系列文
前端幼鳥三十天養成記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言