iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0

我想說的是:
環境安裝方法:安裝 Node.js、安裝 create-react-app、npm start

首先安裝 Node.js
這部分可以使用官方網站的安裝包,或是使用 brew 安裝
非常簡單

再來就是安裝 react,我們使用官方推薦的安裝包

create-react-app

這邊有兩種方式安裝

一種是直接全域安裝

npm install -g create-react-app

這種方式會將 create-react-app 安裝並且註冊在 terminal 指令中
之後就可以使用 create-react-app {project_name} 來建立新專案
有點類似於 Laravel 框架的 Larave new {project_name}

而另一種方式,同時也是官方推薦的方式 (所以別再看舊的教學裡面的做法啦)

npx create-react-app my-app

一個是 m 一個是 x 到底是 X 在哪裡呢?
npx 主要是使用在那些一次性的指令,避免安裝一堆一次性的 module

在執行的時候會先將指定的 module 下載到一個臨時目錄,使用以後再刪除
所以,以後再次執行同樣的命令,會重新下載 create-react-app

所以我們就來下指令
https://ithelp.ithome.com.tw/upload/images/20190915/20121016ZWfJgDfucg.png

下完之後可以看到我們多了一個 react 專案的資料夾
再輸入
npm start or yarn start

就可以看到歡迎頁了
要停止環境也很簡單,在 terminal 按下 control + C 就可以停止
https://ithelp.ithome.com.tw/upload/images/20190915/20121016MfIqGwkXf3.png

如此環境建置就完成了,就是如此簡單!

同步發表於個人部落格 薛丁格的工程師 Schrödinger's Programmer


上一篇
[DAY01] 開門見山地說
下一篇
[DAY03] 上帝視角之路徑之熟門熟路老司機之資料夾說明
系列文
被 React react 的後端工程師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言