python-64-前后端分离之图书管理系统的Vue前端
文章目录
- 1 创建vue项目的两种方式
- 2 使用create-vue
-
- 2.1 项目启动与运行
- 2.2 项目配置
-
- 2.2.1 配置项目的icon
- 2.2.2 配置项目的标题
- 2.2.3 配置jsconfig.json
- 2.3 执行流程
- 2.4 初始化项目
-
- 2.4.1 清空App.vue中内容仅保留模板
- 2.4.2 删除components和stores和assets中所有文件
- 2.4.3 删除views下自动生成的vue文件
- 2.4.4 清空router/index.js中的vue文件引用
- 2.4 路由配置
-
- 2.4.1 在view文件夹里面创建想要的文件
- 2.4.2 router创建index.js用来写router配置
- 2.4.3 配置完App.vue中要有router-view才能用
- 3 核心文件
-
- 3.1 index.html
- 3.2 src/main.js
- 3.3 App.vue
- 3.4 运行前端服务
- 4 参考附录
创建vue的前端项目，并清空相关自动生成的文件，得到空的项目，然后编写了一个图书管理系统的前端页面。
1 创建vue项目的两种方式
2 使用create-vue
2.1 项目启动与运行
(1)在指定文件夹下cmd,命令行输入：
npm init vue@latest
(2)输入命令后输入项目名myproject。
(3)选择是否需要一系列配置，配置选择router、pinia、eslint。
在公司开发项目的时候，可以添加Vue Router和Pinia。
下面是创建完项目后默认的项目结构 。
(4)选完配置之后运行提示命令
cd myproject # 这里的是创建时候自己起的
npm install # 安装当前项目中package.json文件里列出的所有依赖。