iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 2
0
Modern Web

React鐵人先爆了再說系列 第 2

[02] 開發環境建置

  • 分享至 

  • xImage
  •  

今天要做的是建置開發所需要的環境。

需要下載安裝:

  • Node.js & npm

Node.js 是做為在伺服器端運行JavaScript的執行環境。
npm 是用於安裝和維護當前專案所需的所有模組套件。

Node.js 下載安裝本身就包含npm程式在裡面,因此安裝完Node.js後,npm也會一起安裝完成。(安裝完Node.js的時候還不曉得,還以為要再另外安裝npm...)

要確認有沒有成功安裝完成,可以打開命令提示字元輸入:

 node -v

以及

 npm -v

就可以看到當前的安裝版本,這樣就是成功安裝了。

  • React

React安裝在命令列程式中輸入以下的指令:

npm install -g create-react-app

輸入之後就會跑出一大串執行相關安裝的東西,安裝完後再輸入:

create-react-app day30

day30 (要建立的資料夾名稱)

再經過一段時間的安裝各種套件後,接著輸入

 cd day30
 
 npm start

之後會看到跑出瀏覽器畫面,React的執行環境就建立好了!

  • Visual Studio Code

Visual Studio Code是這次要使用的編輯器。
直接下載對應系統版本並安裝Visual Studio Code開發工具,安裝完後開啟Visual Studio Code,並打開前面建好的day30資料夾,並下載一些需要及想用的擴充套件,重啟之後今天的開發環境建置,總算是完成啦!


上一篇
[01] 前言&簡介
下一篇
[03] 第一個 React 程式
系列文
React鐵人先爆了再說8
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言