Vue项目初始化搭建及配置

前言:

一个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

4.手动创建文件存放目录 - src下的

components  // 存放公共组件
http  // 存放请求的公共方法以及项目api
routers  // 存放 路由文件
store  // vuex仓库 
styles  // 存放 所有css文件
utils  // 存放 所有公共函数及方法
views  // 存放 所有页面文件














 

评论