一 React本地搭建以及建立第乙個程式

2022-05-08 18:09:16 字數 702 閱讀 2654

** 確保你安裝了較新版本的 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 就很有必要了。前端基於介面文件自己模擬乙份假資料作為前端的資料來源。後端...