建立react專案

1.安裝node

lts比較穩定的版本 current最新的版本

安裝完成後

node -v npm -v

輸出成功，說明node就安裝成功了。

2.建立react腳手架

npm start

yarn.lock:專案的依賴包、版本號 不要動

//

package.json
,  "scripts": 
}

gitignore:用過用git進行管理，你不想傳遞到git倉庫，可以放到這裡。

乙個頁面如果很複雜，我們寫起來很麻煩。但是如果寫成乙個個可拆分的元件的時候，我們就好管理的多。而且元件的形式也可重用性強。這也就是前端同學經常說的前端元件化的含義。

//

import react,  from 'react';
import logo from './logo.svg';
//用es6的語法寫了繼承
render() 
}export 
匯出操作，正好index.js引入了，所以顯示出來了

//

index.js
import react from 'react';
import reactdom from 'react-dom';
import './index.css';
import registerserviceworker from './registerserviceworker';
reactdom.render(
registerserviceworker();

reactdom是第三方的模組，它有乙個方法是render，這個方法幫我們把乙個元件掛在dom節點上。這裡掛在在root下。

...

建立乙個todolist.js

import react from 'react'; 

function
todolist() 
arrnull.push(its)
})return
(        
這是p標籤
})}                
22            
);  }
export 
default todolist; //
把自身匯出，外部才可以引用。

react 建立新專案

react中文官方文件給出建立新應用的最佳方式 命令列 npm start 終端直接報錯，提示如下 但是，我本地這樣也給我報錯了，也是醉了。npm err code e503 npm err a complete log of this run can be found in npm err use...

React學習1 建立專案

nodejs 解壓版 安裝與配置 clone專案yang react得到同名資料夾，可以得到乙個.git和readme的檔案。在yang react資料夾層級，開啟terminal視窗，執行下方命令。此時，建立程式就會在yang react目錄中執行建立操作，新增專案基本檔案。設定國內源 npm c...

建立乙個react專案

之前一直在用引包的方法使用react，現在學習react基礎也有一段時間了，想工程化的完成乙個react專案，結果只是搭建react就糾結了好久。參考了很多大佬的方法，但是一直有問題，最後總結一下我的成功辦法吧。在命令列工具中確定node是否已經成功安裝 npm vnode v均出現版本號則說明安裝...