在上一篇中介绍了如何初始化创建一个vue项目vue项目初始化。本文介绍一下vue项目的基本结构以及启动方式。
目录结构
- node_modules: 这里是vue所需的前端库,类似java后台的lib中的各种jar包。
- public:公共资源文件夹,这里的东西打包后会保持原样,不会变化
- src:项目的源码
- src/assets:存放图片
- src/components:存放自定义组件
- src/views:存放我们设计的页面
- src/App.vue:项目的主页面
- src/main.js:项目主页面的js
- src/router.js:项目的路由
- src/store.js:vuex文件
- gitignore:提交git时忽略的文件配置
- babel.config.js:这个至少我没用过
- package.json:类似后端的maven,指定用哪个组件及版本号,当使用npm install时就是根据这个文件下载的
- vue.config.js:配置文件,用于覆盖vue的默认配置