Vue项目目录

本文详细介绍了使用vue-init webpack demo创建项目的过程,解析了项目目录结构,包括api、assets、components等关键目录的作用,以及如何配置axios、ant-design-vue等插件,为开发者提供了一个清晰的Vue项目搭建指南。

在这里插入图片描述

## vue init webpack demo 创建项目
## 项目目录结构布局:
    api: 定义请求方法和axios 封装
    assets: 静态资源-- img -- icon --css
    components: 定义组件
    directive:  定义指令
    icons:      定义Svg图片
    Layout:    定义左侧和上侧区域
    router:    定义路由区域
    store       定义vuex 
    styles      定义公共样式区域,以及需要的css文件
    untils      定义工具js文件
    views       定义视图页面

## 项目的插件
    axios , ant-design-vue ,

api目录:

定义请求方法:axios进行封装

assets:

静态资源: 
		img 
		icon 
		css

components:

定义组件

directive:

自定义指令

icons:

定义Svg 图片 

Layout:

定义左侧和上侧区域

router :

定义路由区域

store :

定义vuex 

styles:

定义公共样式区域,以及需要的css文件

untils:

定义工具Jscript 文件

views :

定义视图页面
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值