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

Posted 刘大飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了三 vue学习三 从读懂一个Vue项目开始相关的知识,希望对你有一定的参考价值。

源码地址:     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项目开始的主要内容,如果未能解决你的问题,请参考以下文章

坚持Selenium+Python学习之从读懂代码开始 DAY6

坚持Selenium+Python学习之从读懂代码开始 DAY5

Vue 学习随笔三 - webstorm简单配置

从零开始搭建Vue项目

运行vue项目前下载依赖包及运行(vue 教程三)

Vue 的单元测试入门三UniApp的View组件测试