1.下载前端依赖
①选择一个前端框架模板(vue-element-admin-master)
②在项目文件下创建vscode工作区
③在模板文件夹下打开命令窗口
npm install
运行前端项目
npm run dev
2.理清项目结构
①前端入口
index.html
main.js
②前端页面环境使用的框架
vue+element-ui
③build目录
放一些项目构建的文件(自己几乎用不到)
④config目录
index.js——
里可以修改端口号等
语法检查,改成false,不使用检查
useEslint: false
dev.nev.js——
BASE_API设置接口地址(之后改为我们项目的地址localhost*****)
module.exports = {
NODE_ENV: '"development"',
ENV_CONFIG: '"dev"',
BASE_API: '"https://api-dev"'
}
⑤src目录
api目录——
定义方法(function)
assets目录——
放一些静态资源
components——
放一些额外插件
icons——
图标
router——
路由(重要)
store——
放一些脚本文件(可忽略)
styles——
放一些样式文件(css)
utils——
相关工具类(不需要变)
views——
项目中的页面(重要)