一个Vue项目 目录里的每一个 文件夹 都是干什么的? #目录 #结构 #目录意义

本文介绍了Vue项目的标准目录结构,包括build、config、src、static等关键目录的作用,如build用于构建,src存放源代码,components存储组件,router管理前端路由,static放置静态资源,帮助理解项目中各文件夹的功能和用途。
摘要由CSDN通过智能技术生成

因为觉得react的设计哲学不太对我的口味,转到vue玩玩,初始化一个vue项目之后(用vue create/ vue init 都可以)
我们得到的项目目录是这样的:
目录

  1. build
    1. build.js > 生产环境构建脚本
    2. check-versions.js > 用来检查npm,node.js版本
    3. utils.js > vue开发环境的webpack相关配置文件
    4. vue-loader.conf.js > 配置了css加载器以及编译css之后自动添加前缀
    5. webpack.*.conf > webpack的各种配置
  2. config
    1. dev.env.js > 开发环境的各种变量设置
    2. 项目的配置文件
    3. prod.env.js > 生产环境的各种变量设置
  3. node_modules
    1. 这个不用多说了吧,npm各种模块都在这
  4. src 开发目录
    1. assets > 资源目录,放各种资源,这个目录下的资源会被webpack构建
    2. components > 组件目录,放组件s
    3. router > 前端路由,路由配置就
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值