源码地址: 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
来源: http://www.bubuko.com/infodetail-2531487.html