源码地址: https://github.com/liufeiSAP/vue2-manage
我们的目录结构:
目录/文件 | 说明 |
---|---|
build | 这个是我们最终发布的时候会把代码发布在这里,在开发阶段,我们基本不用管。 |
config | 配置目录,默认配置没有问题,所以我们也不用管 |
node_modules | 这个目录是存放我们项目开发依赖的一些模块,这里面有很多很多内容,不过高兴的是,我们也不用管 |
src | 我们的开发目录,基本上绝大多数工作都是在这里开展的 |
static | 资源目录,我们可以把一些图片啊,字体啊,放在这里。 |
test | 初始测试目录,没用,删除即可 |
.xxxx文件 | 这些是一些配置文件,包括语法配置,git配置等。基本不用管,放着就是了 |
index.html | 首页入口文件,基本不用管,如果是开发移动端项目,可以在head 区域加上你合适的meta 头 |
package.json | 项目配置文件。前期基本不用管,但是你可以找一下相关的资料,学习一下里面的各项配置。至少,要知道分别是干嘛的。初期就不管了。 |
README.md | 不用管 |
如上,基本上就是这么个情况。重要的,还是src
文件夹。
SRC:
main.js
/*引入Vue框架*/
import Vue from ‘vue‘ import App from ‘./App‘ import router from ‘./router‘ import store from ‘./store/‘ import ElementUI from ‘element-ui‘ import ‘element-ui/lib/theme-default/index.css‘ Vue.config.productionTip = false;
/*使用ElementUI(一个桌面端组件库)*/ Vue.use(ElementUI); new Vue({ el: ‘#app‘, router, store, template: ‘<App/>‘, components: { App } })
App.vue