1.vue-cli脚手架初始化项目
2.node+webpack+淘宝镜像
Vue项目各个文件夹的作用:
- man.js:项目入口文件,主要作用是初始化vue实例,并引入所需要的插件;
- App.vue:项目主文件,所有页面都是在App.vue下进行切换的。也可以理解为所有路由都是App.vue的子组件。所以将router标记为App.vue的子组件;
- index.html:文件入口;
- src:放置组件和入口文件;
- node_moudules:依赖的模块;
- config:配置了路径端口值等;
- package.json:存放项目的依赖配置;
- babel.config.js:babel转码器的配置文件;
- vue.config.js:vue的配置文件;
- .gitignore:git忽略文件;
Src文件夹中各个文件的作用:
- assets:存放图片;
- components:存放组件;
- store:存储容器;
- views:存放主体页面;
- router:配置路由;