初始化vue项目后的目录结构

1. 目录结构

在这里插入图片描述

2. 目录说明

  1. node_modules:第三方包
  2. public:图标、项目挂载点
  3. src:主要文件夹
  4. assets:存放静态资源
  5. components:存放公共组件
  6. router:路由
  7. views:路由对应的视图
  8. App.vue:根组件
    在这里插入图片描述
    // router-link:路由链接,点击跳转到对应路由视图
    router-view:路由视图,根据点击的链接渲染视图
  9. main.js:入口文件
    在这里插入图片描述
    // Vue.config.productionTip = false:阻止启动生产消息,常用作指令。
    new Vue:通过render挂载节点
  10. .browserslistrc:设置浏览器的兼容
  11. .editorconfig:代码格式
  12. .eslintrc:vue-cli下的eslint的配置文件
  13. .gitignore:git上传需要忽略的文件配置
  14. babel.config.js:是webpack的配置文件
  15. package-lock.js:就是锁定依赖模块和子模块的版本号。
  16. pageage.js:是npm的配置文件
  17. README.md:项目说明
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值