React開發環境搭建及腳手架構建目錄介紹 一

2021-09-29 21:54:50 字數 414 閱讀 3828

首先安裝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...