vue cli3.x完整项目搭建和相关配置

本文详细介绍了使用Vue CLI 3.x搭建项目的完整流程,包括安装脚手架、创建项目、安装依赖及运行等步骤,并涉及项目优化、axios接口管理和vuex配置等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue的脚手架cli目前已经升级到了3.0,和之前的2.x有什么区别呢?今天就完整的走一遍vuecli 3.x项目搭建的流程。

  1. 安装脚手架
	npm install -g @vue/cli
  1. 创建项目
	vue create hello-world
  1. 安装依赖
	vue ui
  1. 运行
	npm run serve

1.完整的项目就创建了,下面我们看下项目目录和一些基本的配置

项目结构
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述
3.安装axios(详见文章《axios接口统一管理》)
4.配置安装vuex
在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
10.项目优化
项目优化方面主要是从以下几个方面进行:
在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值