建立react初級項目

一.初始建立

npm install -g create-react-app

npx create-react-app my-app

create-react-app 是官網推薦使用的腳手架,優點是輕盈,推薦小白照着 官網 上的小遊戲作一遍,快速入門~css


二.安裝路由

npm install react-router-dom

React Router react的路由與vue、ng都不同,須要特殊處理。 剛開始學習能夠先簡單配置運行起來html

想要另起一個文件裝其餘頁面就像page2同樣引入就能夠了vue


三.解決React不支持less、scss等CSS擴展語言

頁面建立完成後,就要開始寫頁面樣式了, 一開始我是看來下面這篇 文章 ,把create-react-app裏面的webpack配置暴露出來而後配置less
可是 當webpack.config.js配置裏面看到有已經對scss、sass作了配置...懵了node

因此 只須要一下兩步就能夠了:react

1.安裝 npm install node-sass

2.引入使用 import './demo.scss'


四.配置完成,請開始你的表演

相關文章
相關標籤/搜索