React入門之腳手架搭建專案

2021-09-13 00:11:25 字數 926 閱讀 3954

寫此系列部落格的目的是對所學react知識點的總結和梳理,包括填坑方案分享,希望能幫助到還並不會使用react的開發者入門react
react官方文件

react中文文件

react社群

cnpm i yarn -g

建立名為react-demo的專案
啟動專案

cd react-demonpm start

yarn start

如果node 6+ 並且 npm 5.2+,可以使用npx安裝或

public/index.html頁面入口檔案,

src/index.js程式入口檔案,

src/index.css頁面樣式檔案,serviceworker.js暫時不會使用,可以刪除

專案執行成功

react元件

react腳手架搭建專案目錄介紹

readme.md 專案介紹自定義一些專案資訊以及簡單使用 package.json dependencies下管理生產環境所用的包及版本 devdependencies裡得外掛程式只用於開發環境,不用於生產環境 name專案名稱 version專案版本 scripts專案啟動等功能設定 packa...

002 搭建專案腳手架

第一步 利用vue官方腳手架vue cli的基礎上,搭建好自定義,如圖所示的目錄結構及所需腳手架檔案。目錄 build用來存放webpack相關配置和指令碼。config 主要存放配置檔案,用於區分開發環境 測試環境 線上環境的不同。src專案原始碼及需要引用的資源檔案,分為客戶端與服務端。stat...

cue cli腳手架搭建專案

vue兩大核心思想 元件化和資料驅動。元件化 把整體分為各個可以復用的個體,資料驅動 通過資料變化直接影響bom展示,避免dom操作。vue.js安裝 npm方法 1.檢視版本 npm v 2.公升級npm cnpm install npm g 全域性安裝 vue cli npm install g...