首页 > 其他分享 >09_electron-vue-antd环境搭建

09_electron-vue-antd环境搭建

时间:2023-09-26 19:11:24浏览次数:42  
标签:npm vue 09 yarn electron 版本 antd

  electron-vue 很好解决,安装 antd 给我弄自闭了,最终是发现是版本问题。

  先把 electron-vue 环境搭建好,然后去看项目中的 vue 版本:

  

  我的是 vue2 就使用 快速上手 - Ant Design Vue (antdv.com) 这个版本,之前一直使用的 4.x 版本,然后一直出错,但是我也去找了一些办法,我看到我的 cmdvue 版本是 3.3.4,项目中的版本是 2.5.16,然后我就找项目升级办法,VUE学习(十八) 更新VUE项目中package.json组件的版本_vue更新模块_easyboot的博客-CSDN博客 我看到这篇文章可以升级 vue,所以测试了一下,但是最终运行 npm run dev 的时候还是有问题,有没有大佬说一下如何用到 antd 最新的版本。

  之后安装脚手架工具:

$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli

  之后再使用 npm install --save [email protected] 命令。

  完成后在下面文件添加代码:

  然后再添加代码:

  最后运行 npm run dev,这个是之前用 yarn 安装就用 yarn,用 npm 安装就用 npm。

  效果如下:

  切记切记版本的问题,提前去看一下,真的折磨我一天。

标签:npm,vue,09,yarn,electron,版本,antd
From: https://www.cnblogs.com/toutiegongzhu/p/17730687.html

相关文章

  • Vue前端面试题
    1.Vue路由传递params参数使用对象写法的时候能不能和path一起使用?不能路由传参对象的写法:指定路由需要使用name指定。使用path会导致路由失效无法跳转。this.$router.push({name:"search",params:{keyword:this.keyword},query:{k:this.keyword.toUpperCase()}})2.如何指定params参......
  • 【230926-3】已知F为双曲线c:x^2/a^2-y^2/b^2=1(a>0,b>0)的一个焦点,其关于双曲线c的一
    ......
  • 新手指引:前后端分离的springboot + mysql + vue实战案例
    案例说明:使用springboot+mysql+vue实现前后端分离的用户查询功能。1、mysql:创建test数据库->创建user数据表->创建模拟数据;2、springboot:配置mysql->使用mybatis操作mysql数据库->接口开发;3、vue:使用axios访问接口->user数据展示;1、mysql数据库1.1、安......
  • Vue3 引入 Element Plus
    ElementPlus简介ElementPlus是一个基于Vue3的UI组件库,其设计原则可分为一致(Consistency)、反馈(Feedback)、效率(Efficiency)、可控(Controllability)四个方面。目前ElementPlus可使用的UI组件种类丰富,除了按钮、边框、icon等基本组件,还可以在项目中引入表单组件、数据展示组件、导航......
  • 20230926
    今天在启动mongodb时一直报错ErrorparsingINIconfigfile:unrecognisedoption'dbpath'try'mongos--help'formoreinformation查询过很多的方法之后把mongo.config中的#journal=true#启用日志文件,默认启用注释掉之后就完成了启动  ......
  • vuex的使用
    Vuex的使用在Vue中实现集中式状态管理的一个Vue插件,对Vue应用中多个组件的功效状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。使用步骤:1.新建store/index.js state中:存放数据mutations:当使用commit方法是会被触发actions:当使用dispatch方......
  • vue3 + mark.js | 实现文字标注功能
    页面效果具体实现新增1、监听鼠标抬起事件,通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。2、通过选中的文字长度是否大于0或window.getSelection().isCollapsed(返回一个布尔值用于描述选区的起始点和终止点是否位于一个位置,即是否框选了)来......
  • vue~封装一个文本框添加与删除的组件
    标签组件的效果如下组件作用这是一个div,包含了两个文本框,后面是添加和删除按钮添加按钮复制出新的div,除了文本框没有内容,其它都上面一样删除按钮将当前行div删除组件实现<template><div><templatev-for="(item,index)intags"><el-row:gutter="4"styl......
  • VUE 3.0使用Tinymce编辑器
    本人使用的IDEA开发工具参考文档:1.官方文档2.中文文档一、使用npm安装Tinymce。我这里是指定了版本号的npm install [email protected]@tinymce/[email protected]二、修改路径,加汉化1、将下载好的tinymce,从node_modules复制到public文件夹里   2、汉化(......
  • 《流畅的Python》 读书笔记 230926(第一章后半部分)
    1.2如何使用特殊方法特殊方法的存在是为了被Python解释器调用的,你自己并不需要调用它们就是说通常你都应该用len(obj)而不是obj.__len()__,无论是系统预置的,还是你自己定义的类,交给Python,解释器会去调用你实现的__len()__然而如果是Python内置的类型,比如列表(list)、字符......