環境配置略過,進入官網上面有詳細講解
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