** 確保你安裝了較新版本的 node.js。
1.建立乙個新專案
2.刪除掉新專案中的src/資料夾下的所有檔案(注意不要刪除整個資料夾,刪除裡面的原始檔)
cd src
del *
# 然後返回專案資料夾
cd ..
3.然後在src/資料夾中建立乙個名為index.css的資料夾
4.在src/資料夾下建立乙個index.js資料夾
準備就緒了,我們可以開始編寫**了,我們可以編寫hello world顯示到頁面上,看一下react是如何編寫**的
我們在index.js裡面引入三行**:
import react from 'react'
import reactdom from 'react-dom'
import './index.css'
在index.js下在編寫
reactdom.render (
,document.getelementbyid('root')
)
然後在終端 輸入
npm start
就啟動了這個程式
補充知識:
reactdom.render 是 react 的最基本方法,用於將模板轉為 html 語言,並插入指定的 dom 節點。
01 搭建React本地開發環境
1,安裝node.js 檢查安裝成功 輸入node v和npm v,成功出現版本號 2,使用 的cnpm,同時設定映象位址 檢查 映象是否安裝成功 cnpm v 指令 npm install g cnpm registry 3,全域性安裝react腳手架 4,進入我們要建立react專案的檔案中,在...
react 環境搭建之本地方法
一 標準方法 安裝node,yarn yarn start 環境搭建已經如此簡單了,之後就是編寫 和除錯.二 local方法 另一種無需server的方法是利用electron和babel.目錄結構 babelrc package.json main.js src index.local.js in...
第 06 課 搭建本地 Mock 服務
前後端分離的協作模式下,前後端之間的資料傳輸都是基於 http 介面實現。顯然前端的開發是依賴後端介面實現的。在講求快速迭代的網際網路公司這種序列的等待肯定是不會出現的。前後端約定好介面的出參和入參之後,前端資料模擬 mock 就很有必要了。前端基於介面文件自己模擬乙份假資料作為前端的資料來源。後端...