Vue.js目录结构

7 篇文章 0 订阅
3 篇文章 0 订阅

理解难度3个@@@
@1.vue 了解
@2.前端基础
@3.npm webpack git了解
面向人群:想要拿vue练手做简单项目的人

简单的目录结构

介绍
node_modules:导入的依赖包、插件等第三方下载的库文件夹(自动生成).
src:放置源码(自己写的代码就放这)
componets:存放组件的集合,方便管理
imgs/images:导入的图片
lib:放置一些只能手动导入的库
App.vue:主构建的界面,root
index.html:主html
main.js:入口文件导入,创建实例
router.js:路由配置
.babelrc:为了兼容,写入已导入的插件预设
.gitignore:写入git要忽略上传的文件名
LICENSE:MIT协议
package.json:下载好的包的目录,还有配置npm run ***
package-lock.json:安装包的版本号,能确保安装完全一样
README:像是上传到git注释
webpack.config.js:配置文件、插件、加载器,形成内存等

以上是我粗糙的理解
效果图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值