一、工具介紹
- React：一個用于構建用戶界面的JavaScript 庫；
- 主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）；
- node.js： 一種javascript的運行環境，能夠使得javascript脫離瀏覽器運行；
- npm：隨同node.js一起安裝的包管理工具；
- 允許用戶從NPM服務器下載別人撰寫的第三方包到本地使用；
- 允許用戶從NPM服務器下載并安裝別人撰寫的命令列程式到本地使用；
- 允許用戶將自己撰寫的包或命令列程式上傳到NPM服務器供別人使用；
- create-react-app：是用于搭建react專案的腳手架；
- 它的優勢在于省略了很多涉及配置的地方，讓新手能夠更加容易上手，減低入門的門檻；
二、環境搭建步驟
- 1.下載安裝 vscode
- 下載地址：https://code.visualstudio.com/
- 2.下載安裝 node.js
- 下載地址：http://nodejs.cn/download/
- 輸入cmd，打開終端，驗證node與npm是否安裝成功
- 3.創建本地檔案夾，用于存放專案
- 4.進入創建好的檔案夾，并輸入cmd打開終端
- 5.通過 npm 安裝 create-react-app
-
npm install -g create-react-app
-
- 6.通過腳手架創建一個React專案
- npx create-react-app reactdemo （終端執行此程序較慢，請耐心等待）
- 7.進入創建好React專案
- cd reactdemo
- 8.啟動專案
- npm run start
- 9.測驗
- 輸入 http://localhost:3000，即可查看到 React 頁面
參考文章鏈接：Mac下 React+node.js+VScode 前端環境的搭建 - ~gcc~ - 博客園
用vscode打開建好的react專案
按 Ctrl + ` 打開終端
在vscode終端中，啟動專案
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/352234.html
標籤：其他
上一篇：從派生類中看不到C 繼承的方法