vuejs脚手架vue-cli的目录结构

admin2022-01-12593
build项目构建(webpack)相关代码
config  配置目录,包括端口号等。我们初学可以使用默认的。    
上面两个文件夹是在项目做完以后打包用的,之前不用管它们
node_modules所有使用npm安装的模块都会安装到这里,正常情况下不需要操作
src这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件。
      assets放置一些图片,如logo等
      components目录里面放了一个组件文件,后期创建组件都放在这里。
      router存放路由的文件夹,路由的匹配规则写在里面index.js
      App.vue项目入口组件,我们也可以直接将组件写这里,而不使用 components 目录。
      main.js项目的核心文件,入口的js文件。
 static 存放静态资源
 .babelrc本身vue.cli是不支持ES6,这个文件可以把ES6转换成ES5
 index.html项目的首页文件
 package.json安装包管理文件,所用npm安装的安装包都会在这个文件里配置

网友评论