【React開發單頁面(二)】之項目搭建

React 開發是基於Node.js,所以需要安裝node.js和包管理工具

Node.js,npm安裝

windows 安裝

這裏寫圖片描述
傻瓜式安裝就行了

Linux安裝
sudo apt-get install nodejs
sudo apt-get install npm

這裏寫圖片描述
我這裏已經安裝過了所以提示已經是最新版了。
接下來我們安裝React腳手架

安裝腳手架

打開終端工具,輸入下面的命令,全局安裝 react 腳手架

sudo npm i -g create-react-app

會要求你輸入你的管理員密碼,輸入密碼即可

然後我們就可以創建React項目了

# app 爲項目名稱
 create-react-app app 

這裏寫圖片描述
這個過程有點長,需要等待,如圖的提示,則表示我們的項目創建完成了。
根據提示我們可以看到

npm start
    # Starts the development server

進入項目文件夾,啓動服務

cd app
npm start

這裏寫圖片描述
這裏寫圖片描述
啓動之後我們的項目默認運行在http://localhost:3000/
到這裏我們的項目已經搭建完成,並且順利的運行起來了。

本文由 科技男code 原創,允許轉載,但轉載必須保留首發鏈接。

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