Vue目录结构

  • README:当前项目启动安装的一些提示
  • package.json:至关重要。比如scripts里面有启动方式(serve、build等)
  • package-lock:没必要管他,无用,可删
  • babel.config.js:通过babel对ES5、ES6等语法进行转换,初学阶段对此不进行操作
  • .gitignore:上传到git仓库时,去掉不必要的文件
  • public
    1. -favicon.icon是标签上缩小的那个图标
    2. -index.html里面的div#app,所有的代码后期都会动态插入到这个div里面
    3. -全局css和CDN都可以在index.html里面引用
  • src
    1. -assets:所有静态img、css、js、都可以放进来
    2. -component:所有组件,大写字母开头,驼峰式命名(只能由一个template标签)
    3. -App.vue:根组件
    4. -main.js:逻辑的入口文件(运行文件先执行index.html,然后去运行main.js,main.js里面引入Vue组件,引入了App.vue根组件,Vue.config.productionTip配置文件,实例了一个new Vue对象,并且render到根组件中去,最后这些东西都会放到哪个容器中呢?——$mount(#app)这个容器中)

你可能感兴趣的:(Vue目录结构)