npm install -g @vue/cli
OR
yarn global add @vue/cli
选择依赖
执行完命令之后,我们通过上下键选择自定义=》Manually select features
回车键,进入=》自定义选择依赖项目。这里通过空格选中babel和Router,其他的我们不选择。
然后回车,回到上个界面,我们一直回车,直到开始安装依赖!
安装element-plus和Axios
执行下面命令,安装依赖
cd vue-crud & yarn add element-plus axios
安装完依赖,在VS CODE编辑器打开项目。
在 main.js中加入下面的代码
import ElementPlus from ‘element-plus’
import ‘element-plus/dist/index.css’
createApp(App).use(ElementPlus).use(router).mount(‘#app’)
至此我们的前端项目环境搭建完毕!
我们执行下面的命令,运行项目。完美!!!
yarn dev
依赖
-
express
-
sequelize
-
mysql2
-
body-parser
-
cors
这里我们使用命令行来创初始化项目。
创建文件夹
mkdir express-crud
npm init
进入上一步创建的文件夹
执行
npm init -y
安装依赖
yarn add express sequelize mysql2 body-parser cors --save
测试代码
用vscode打开项目,并创建一个server.js文件
const express = require(“express”);
const bodyParser = require(“body-parser”);
const cors = require(“cors”);
const app = express();
var corsOptions = {
origin: “http://localhost:8081”
};
最后
资料过多,篇幅有限
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
最后
[外链图片转存中…(img-thmBboDA-1714496412506)]
[外链图片转存中…(img-e4RMIH8D-1714496412506)]
资料过多,篇幅有限
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。