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