zoukankan      html  css  js  c++  java
  • vue-element-admin完整开源项目介绍、本地部署和初步探索

    1 说明:

    1.1 从一个广受好评的开源项目:vue-element-admin的本地化,来初步分析vue的相关知识。

    2 github地址和下载本地部署:

    https://github.com/PanJiaChen/vue-element-admin

    打开终端,非root的根目录下

    git clone https://github.com/PanJiaChen/vue-element-admin.git
    cd vue-element-admin
    npm install #这种安装报错,先按照下面的按照
    npm install --registry=https://registry.npm.taobao.org --loglevel=silly
    npm cache clean --force
    npm install #再从这里安装,就不会报错
    npm run dev #打开

    说明:npm i=npm install

    如果安装cnpm,也可以,但是据说经常报错,cnpm有时候用起来会有很多问题,无缘无故地安装些多余的东西。

    建议npm i进行安装依赖,虽然有点慢。

    3 自动弹出界面:

     

    vue-element-admin完整开源项目介绍、本地部署和初步探索

     

    4 直接点击:login,进入即可

     

    vue-element-admin完整开源项目介绍、本地部署和初步探索

     

    5 用微软vscode编辑器打开文件夹

     

    vue-element-admin完整开源项目介绍、本地部署和初步探索

     

    6 自己可以根据已经开源的项目,进行局部修改进行vue的相关学习。

    vue的结构的一般和大概了解。

    ├── build                      // 构建相关  
    ├── config // 配置相关
    ├── src // 源代码
    │   ├── api // 所有请求
    │   ├── assets // 主题 字体等静态资源
    │   ├── components // 全局公用组件
    │   ├── directive // 全局指令
    │   ├── filtres // 全局 filter
    │   ├── icons // 项目所有 svg icons
    │   ├── lang // 国际化 language
    │   ├── mock // 项目mock 模拟数据
    │   ├── router // 路由
    │   ├── store // 全局 store管理
    │   ├── styles // 全局样式
    │   ├── utils // 全局公用方法
    │   ├── vendor // 公用vendor
    │   ├── views // view
    │   ├── App.vue // 入口页面
    │   ├── main.js // 入口 加载组件 初始化等
    │ └── permission.js // 权限管理
    ├── static // 第三方不打包资源
    │   └── Tinymce // 富文本
    ├── .babelrc // babel-loader 配置
    ├── eslintrc.js // eslint 配置项
    ├── .gitignore // git 忽略项
    ├── favicon.ico // favicon图标
    ├── index.html // html模板
    └── package.json // package.json

    7 今日到此,下次学习。

    相关学习网站:https://juejin.im/post/59097cd7a22b9d0065fb61d2

  • 相关阅读:
    Django基于Form之登录和注册
    python中函数参数*args和**kw的区别
    django用户认证系统——自定义认证后台8
    django用户认证系统——重置密码7
    django用户认证系统——修改密码6
    django用户认证系统——注销和页面跳转5
    关于Shiro的盐值加密法的使用
    Shiro的登录验证【基于SpringMVC框架下】
    Shrio的登录验证过程中的密码验证,过程,及relam在applicationContext.xml的配置
    taglib自定义标签的使用
  • 原文地址:https://www.cnblogs.com/guwufeiyang/p/12834990.html
Copyright © 2011-2022 走看看