寫此系列部落格的目的是對所學react知識點的總結和梳理,包括填坑方案分享,希望能幫助到還並不會使用react的開發者入門react
react官方文件或react中文文件
react社群
cnpm i yarn -g
建立名為react-demo
的專案
啟動專案
如果node 6+ 並且 npm 5.2+,可以使用npx安裝或cd react-demo
npm start
或
yarn start
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...