學習React (1) - VS Code裏創立react app

先介紹什麼是React:
React is a JavaScript library for building user interfaces.
React is a library and not a framework. React needs an outside library for state management and an outside library to make Ajax calls.

在安裝React的時候,先得在VS Code裏安裝React 的 Extension, 這樣對以後的編程有所幫助:
第一步:
進入VS Code,左邊欄有很多功能,點擊這個圖標:
在這裏插入圖片描述
第二步:
在輸入框裏搜索 “ES7 React…", 就會出現搜索結果,圖片如下:
在這裏插入圖片描述
由於博主已經安裝了,就出現”Uninstall" 的字樣。如果還沒安裝在VS Code的,就點擊Install的按鈕,這樣就安裝好了。


博主是在VS Code來進行學習React的。現在博主就將如何在VS Code上創造React App的步驟列下來:
第一步:
需要安裝要創造的app的package,
在這裏插入圖片描述
上面的圖片是從VS Code上截取的,安裝package需要在VS Code的Terminal裏安裝。

第二步:
在VS Code裏的Terminal輸入這個命令:
npm install create-react-app

第三步:
繼續輸入這個命令:這個命令是用來創建名爲“my-react-app”的,這裏只是做個說明,可以隨時改成喜歡的名字。
npx create-react-app my-react-app

最後一步:
進入到文件夾裏,然後開始運行這個app。命令是有兩個:
cd my-react-app
npm start

最後在瀏覽器裏會出現這個界面,就說明Create React App已經創建成功了。
在這裏插入圖片描述
希望這個博客能對大家用react來創建react app有所幫助!如果有幫助的話,就麻煩點個讚唄!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章