前言:
一个vue项目,应该包括项目文件存放的路径,api请求的封装,项目配置(vue.config.js),不同环境的打包配置(npm run build),vuex仓库的搭建,项目路由的配置等
- 理清项目文件存放的路径
- 项目配置(vue.config.js) - 先基础配置
- 项目路由的配置
- api请求的封装
- vuex仓库的搭建
- 项目配置(vue.config.js) - 详细配置
- 不同环境的打包配置(npm run build)
1.本地全局安装 vue cli
npm install -g @vue/cli
查看当前vue版本:
vue -V (v4.4.6)
2.创建vue项目
vue create vueinit
3.运行当前项目
cd vueinit
npm run serve
npm run serve
4.手动创建文件存放目录 - src下的
components // 存放公共组件
http // 存放请求的公共方法以及项目api
routers // 存放 路由文件
store // vuex仓库
styles // 存放 所有css文件
utils // 存放 所有公共函数及方法
views // 存放 所有页面文件
http // 存放请求的公共方法以及项目api
routers // 存放 路由文件
store // vuex仓库
styles // 存放 所有css文件
utils // 存放 所有公共函数及方法
views // 存放 所有页面文件