vue3.0+ts+bootstrap前端框架搭建
1.win+r快捷键打开命令窗口。cmd进入
2.命令查看vue及node版本
3.命令切换路径到自己项目文件夹位置并创建vue项目
4.选择配置,上下键切换,回车键进入下一级,空格键选中(蓝色选中项)
这里直接回车就行
创建成功
5.使用开发工具打开vue项目(我这里使用的是webstorm)目录结构是这样的
6. 在开发软件终端使用npm命令引入vue的axios和store
7. 引入bootstrap需先引入jq
8.在main.js中引入jquery和bootstrap,页面显示(需修改.eslintrc.js文件)
9.创建配置文件vue.config.js配置jq引入及接口服务代理
10.封装axios,创建utils文件夹,创建request.ts文件
这里有引入会报错,需在 tsconfig.json文件中加入一行代码"noImplicitAny": false,即可
request.ts文件完整代码
11.创建api文件夹,统一管理接口请求地址
12. 页面中引用该接口
13.项目构建一下然后启动