了解前端vue的结构
其次node_modules包管理器,可以安装很多别人的包,安装的包就放在这里
我们安装的包会在package.json里面进行记录,主要存放项目依赖项的安装目录,dependencies是生产依赖(),devdependencies是开发依赖。
上面还有一个package—lock.json这个是为了防止重新安装项目的时候,下载的包版本不一样,,锁定住版本号,防止版本不一样所带来的不一样的东西。
这个里面就是前端界面外加vue的全部源码代码。
assets(静态资源公司代码基本都这样改名我原本想写images的)这边就理解为放的图片们
components放一些vue的组件,vue是用组件化的思想去写页面的也就是一个页面可以有大大小小的组件组合而成一般写一些组件化的东西
routers(路由)整个vue项目的路由,vue是单个页面的代表,这里设置了一个个组件的地址,决定了页面跳转的规则。
store:存放vue中的状态数据,用vuex集中管理。
views页面组件,里面是一个个单个页面的切换,对于commpents来说,这个玩意是大组件,它可以引用小组件。
App.vue根组件,所有页面都是app.vue下切换的可以理解为所有组件都是app.vue的子组件可以把头部底部每个页面的都出现的文件都放在app.vue里面,还有里面写的公用的css代码
main.js这个文件是项目的主要js全局的使用各种变量,js,插件都在这都在这里引入定义并且也是对所需的插件引用,