nextJS和vueJS及Material-UI 简易搭建
1.手动搭建nextJS第一步:初始化一个package.jsonnpm init第二步:安装next.jsnpm install --save next react react-dom第三步:配置启动命令 package.json插入"scripts": {"dev": "next dev","build": "next build","start": "next start"}启动:npm r
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
更多推荐
所有评论(0)