React之創建項目

環境配置略過,進入官網上面有詳細講解

1、打開終端

2、cd到自己的文件夾:

我這就零時創建一個2019-7-23的文件夾

3、初始化josn:

終端輸入:

npm init

然後根據提示輸入就行(括號中的是提示),這樣一個package.json就ok了

4、然後開始安裝reactdom以及babel-preset-react支持包,在終端輸入:

sudo npm install --save react react-dom babelify babel-preset-react

因爲設置了源代理,速度還是槓桿滴,這樣該有的就都有了,看看項目目錄

5、安裝es2015的babel支持包,當然如果直接用es2016的話,這可以跳過

在終端輸入:

sudo npm install babel-preset-es2015 --save

然後可以看看項目裏:

這裏會自動配置好

這樣項目的必要的一些依賴包就已經整好了,但是現在項目還是不能運行的,運行的時候還需要將js文件打包

6、安裝webpack,終端輸入:

sudo npm install -g webpack

以及服務器:

sudo npm install -g webpack-dev-server

7、然後在項目目錄裏分別安裝webpack和webpack-dev-server

分別在終端輸入:

sudo npm install webpack

sudo npm install webpack-dev-server

 

 

 

 

 

 

 

 

 

 

 

 

發佈了147 篇原創文章 · 獲贊 21 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章