源码地址： 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
原文地址：https://www.cnblogs.com/liufei1983/p/8598185.html
时间： 2024-10-14 00:47:35