码迷,mamicode.com
首页 > 其他好文 > 详细

三 vue学习三 从读懂一个Vue项目开始

时间:2018-03-19 00:35:24      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:组件   modules   入口   项目   UI   测试   html   移动   from   

源码地址:     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

 

三 vue学习三 从读懂一个Vue项目开始

标签:组件   modules   入口   项目   UI   测试   html   移动   from   

原文地址:https://www.cnblogs.com/liufei1983/p/8598185.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!