nextJS和vueJS及Material-UI 簡易搭建

1.手動搭建nextJS
第一步：初始化一個package.json
npm init
第二步：安裝next.js
npm install --save next react react-dom
第三步：配置啓動命令 package.json插入 

 "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  }

啓動：npm run dev
第四步：寫首頁，先跑起來。
1.新建pages/index.js
2.錄入 export default ()=> start ok
注：因爲next.js將pages目錄作爲路由頁面，已經全局處理過react，所以我們的頁面內，無需再額外引入react，即可使用react的語法。

2.使用create-next-app安裝搭建nextjs
第一步：全局安裝create-next-app
npm i -g create-next-app
第二步：創建項目
npx create-next-app test
注：此命令會自動幫我們安裝next react react-dom，並創建好目錄
第三步：啓動運行 npm run dev

3. 搭建VUE環境：安裝vue-cli（全局安裝vue-cli）    命令：npm install vue-cli -g

創建vue項目：輸入命令：vue init webpack vue_demo（創建名字爲‘vue_demo’的文件夾）

 然後進入此文件夾：cd vue_demo

 然後手動下載：npm install

最後運行程序：npm run dev 

4.搭建React UI框架：安裝 Material-UI —— 世界上最受歡迎的 React UI 框架

若想安裝並寫入您的 package.json 依賴包，請運行以下命令：

// 用npm安裝
npm install @material-ui/core

// 用yarn安裝
yarn add @material-ui/core

// 通過 npm
npm install @material-ui/icons

// 通過 yarn
yarn add @material-ui/icons