首先安裝node,node安裝好之後,你就可以使用npm命令來安裝腳手架工具了,方法很簡單,只要開啟終端,然後輸入下面的命令就可以了。
腳手架安裝好以後,就可以建立專案了,首先建立乙個reactdemo資料夾,然後進入這個資料夾,建立新的react專案。
cd demo01 //等建立完成後,進入專案目錄
yarn start //預覽專案,如果能正常開啟,說明專案建立成功
1. 專案根目錄中的檔案
先從進入專案根目錄說起,也就是第一眼看到的檔案(版本不同,可能稍有不同)
2. public資料夾介紹
這個檔案都是一些專案使用的公共檔案,也就是說都是共用的,我們就具體看一下有那些檔案吧。
3. src資料夾介紹
這個目錄裡邊放的是我們開放的源**,我們平時操作最多的目錄。
React入門之腳手架搭建專案
寫此系列部落格的目的是對所學react知識點的總結和梳理,包括填坑方案分享,希望能幫助到還並不會使用react的開發者入門reactreact官方文件 react中文文件 react社群 或 cnpm i yarn g 建立名為react demo的專案啟動專案 cd react demonpm s...
用webpack手動搭建react腳手架
1.npm i webpack webpack cli webpack dev server react react dom d 2.npm i babel loader 7 babel core babel preset es2015 babel preset react d3.在安裝完成後需要在...
react腳手架搭建專案目錄介紹
readme.md 專案介紹自定義一些專案資訊以及簡單使用 package.json dependencies下管理生產環境所用的包及版本 devdependencies裡得外掛程式只用於開發環境,不用於生產環境 name專案名稱 version專案版本 scripts專案啟動等功能設定 packa...