首页 > 其他分享 >Vue Antd Admin本地部署

Vue Antd Admin本地部署

时间:2024-06-13 18:11:02浏览次数:18  
标签:Vue service Admin win serve vue build Antd 2.6

官网:https://doc.vue-antd-admin.pages.dev/

github地址:https://github.com/iczer/vue-antd-admin/tree/basic

 

1、basic分支本地部署(开发基于此分支)

克隆项目basic分支到本地

->> 下载依赖:npm install

->> 启动项目:npm run serve

 

2、master分支本地部署(研究基于此分支 - 试例页面较多)

克隆项目master分支到本地

->>修改package.json文件适配win平台

{
    ...
    "scripts":{
        "serve@mac": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
        "build@mac": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
        "serve@win": "vue-cli-service serve",
        "build@win": "vue-cli-service build",
        ...
    }
    ...
}

 ->>修改package.json固定vue、vue-template-compiler版本(删除^),防止后续安装依赖自动升级vue导致编译报错。参考https://blog.csdn.net/CSDN_bare/article/details/131451561

"vue": "^2.6.11"  -->  "vue": "2.6.11"

"vue-template-compiler": "^2.6.11" --> "vue-template-compiler": "2.6.11"

->>下载依赖:npm install

->>启动项目:npm run serve@win

标签:Vue,service,Admin,win,serve,vue,build,Antd,2.6
From: https://www.cnblogs.com/yanxigul/p/18246477

相关文章

  • (三十九)Vue之集中式的状态管理机制Vuex
    这里写目录标题概念vuex的核心概念State(状态)Getters(获取器)Mutations(突变)Actions(动作)搭建vuex环境基本使用getters的使用上一篇:(三十八)Vue之插槽Slots概念Vuex是一个专为Vue.js应用程序开发的状态管理模式。对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是......
  • Vue主要使用-03
      组件通讯     组件通讯也是我们需要了解的,在我们的实际开发中,我们使用的非常多,比如父组件内的数据传入到子组件,子组件的数据传入到父组件,什么是父组件什么是子组件?父组件内包含着我们的子组件,我们的父组件可以有多个子组件,父组件就是我们使用子组件拼接......
  • webman admin 中的 Layui 使用说明
    目录Layui背景生命周期底层方法通用Common模块化相关Modular事件Event模块系统入门Layui模块系统与vue模块的区别理解layui.use代码解释Layui背景Layui是一个上古框架,jQuery时代末期Vue初期的作品,早期因为layout.js弹出层起家,在作者的努力下,成体系的开发了一套常......
  • vue3 动态路由生成
    动态路由生成----vue3stores/index.jsimport{defineStore}from'pinia';exportconstuseRouteStore=defineStore('route',{state:()=>({dynamicRoutes:false})});router/index.jsimport{createRouter,createWebHistory}fr......
  • vite+vue3展示文件夹内的所有组件
    https://www.cnblogs.com/y-shmily/p/16546743.html 在组件目录下新建index.jsimport{markRaw}from"vue";constfilesNameList=[];constfiles=import.meta.glob("./*.vue");for(constkeyinfiles){constfileName=key.replace(/(\.......
  • vue 父子组件交互 props,emit,slot
    props 子组件可以通过 props 从父组件接受动态数据vue2 vue3defineProps() 是一个编译时宏,并不需要导入   emit()emit()子组件向父组件触发事件vue2this.$emit() 的第一个参数是事件的名称。其他所有参数都将传递给事件监听器。 vue3emit() 的第一个参......
  • vue项目连接到后端接口
    背景后端采用的是若依springboot分离版本,前端是自己搭建的vue项目,不是若依的前端框架,需要免认证进行调用接口的话,注释掉安全认证配置中的鉴权认证,或者将接口加入白名单1.安装axiosnpminstallaxios--save2.在request.js中编写请求后端的路径,创建src/utils/request.jsimpo......
  • Vue在表单校验中trigger属性指定何时触发校验规则
    Vue在表单校验中trigger属性指定何时触发校验规则一、前言1.示例代码一、前言在表单校验中,trigger属性用于指定何时触发校验规则。常见的触发方式包括"change"和"blur".它们的区别如下:trigger:"change":触发时机:当表单控件的值发生变化时触发校验。应用......
  • DockerCompose+Jenkins+Pipeline流水线打包Vue项目(解压安装配置Node)入门
    场景DockerCompose+Jenkins+Pipeline流水线打包SpringBoot项目(解压安装配置JDK、Maven等)入门:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/139631755以上使用流水线配置和打包springboot后台项目,如果要使用流水线和配置node打包vue项目,可按如下步骤。注:博......
  • vue代办事件案例实战练习,配有答案解析
    代办事件案例该案例,综合了前面所学的知识,列入点击事件绑定,双向绑定,v-for循环语句,v-model双向绑定,以及input标签的不同type形式。演示代码如下:<template><divid="kuagjia"><div><divclass="top"><spanstyle="margin-left:-700px;">学习计划表......