vue-elementui-admin

Vue-element的认识以及为什么采用
elementui是从整个Vue的核心代码上经过二次开发而形成的一个框架。
针对目前情况（已经开发完成web端–VUE开发）下存在的优势：
· 彻底的组件化开发能力：提高代码（web端部分代码可以复用）
· 完整的 Vue.js 开发体验
· 方便的 Vuex 数据管理方案：方便构建复杂应用（Vuex 更方便管理状态，用户信息）
· 快捷的 webpack 构建机制：自定义构建策略、（部署熟悉，更容易上手）
· 支持使用 npm 外部依赖
· 使用 Vue.js 命令行工具 vue-cli 快速初始化项目
同web端依赖node.js,
1）:安装node,npm
2）Package.json:添加新组件
js-cookie
vue-router
vuex
element-theme-chalk
sass-loader
1）package.json文件
package.json是项目的主配置文件，里面包含了vue-elementui项目的基本描述信息、项目所依赖的各种第三方库以及版本信息、以及可执行的脚本信息。
我们看到该文件中的scripts部分配置了4个可执行的命令：
“dev”: “node build/dev-server.js”,
“start”: “node build/dev-server.js”,
“build”: “node build/build.js”,
“lint”: “eslint --ext .js,.vue src”
dev和start是两个等价的命令，执行其中之一都可以将项目以开发模式启动。执行方式是：
npm start
npm run dev
lint指令是使用ESLint来进行代码语法和格式检查，以及修复一些可自动修复的问题。执行方式是：
npm run lint #检查语法和格式
npm run lint – --fix #检查代码语法和格式，并修复可自动修复的问题
build指令是用于生成发布用代码的，它会对代码进行一些压缩优化处理。当项目开发完成后，将要提交审核时，请使用build来生成发布的代码。
2）static目录
static目录可以用于存放本地静态资源，如图片、文本文件、css文件等。代码中可通过相对路径或绝对路径进行访问， 如：

3）build目录
build目录下是一些用于项目编译打包的node.js脚本和webpack配置文件。一般情况下不需要修改这些文件。
4）config目录
config目录下包含了用于开发和生产环境下的不同配置，dev.env.js用于开发环境，prod.env.js用于生产环境，你可以将开发阶段和生产阶段不一样的信息（如后台API的url地址等）配置到这两个文件中去，然后在代码中以变量的形式进行引用。例如，这2个文件中分别配置了不同的API_BASE_URL值：
// dev.env.jsmodule.exports = merge(prodEnv, {
NODE_ENV: ‘“development”’,
API_BASE_URL: ‘“http://127.0.0.1:8080/api”’})
// prod.env.jsmodule.exports = {
NODE_ENV: ‘“production”’,
API_BASE_URL: ‘“https://www.my-domain.com/api”’}
那你在编写请求后端API的代码时，你就可以使用这个环境配置，像这样：
const baseURL = process.env.API_BASE_URL
wx.request({
url: ${baseURL}/products})
这样一来，开发阶段和上线发布阶段的环境可以清楚的区分开来。
5）src目录
src目录是我们主要进行项目功能编写的地方。默认生成的demo代码为我们创建了几个子目录：components、pages和utils，还有2个文件：App.vue和main.js。其实它们都不是必须的，可以按照自己的风格进行定义和配置。不过默认创建的这个结构基本上是一个约定俗成的结构了，比较易于理解，所以我们可以遵循这个结构进行开发。
components：在实际开发中，我们可以尽量将界面上可复用的部分，提取成vue组件放入该目录
pages：存放项目的页面。请遵循每个页面放入一个单独子目录的组织形式
utils：可选（可删）。可以将代码中一些公用工具函数组织成模块放入该目录下
可新建其他目录，存放你希望组织起来的代码。比如公用的业务逻辑代码、请求后台API的代码等等
main.js + App.vue：这两个是入口文件。