首页 > 其他分享 >运行一个vue项目vite-electron-vue

运行一个vue项目vite-electron-vue

时间:2023-04-19 14:47:34浏览次数:54  
标签:git yarn gitee electron vue vite

必备软件:

1) visual studio code
2) nodejs 18.16.0
3) yarn

下载源码:

项目fork 自 https://gitee.com/mywink/vite-electron.git

git clone https://gitee.com/panie/vite-electron-vue.git

运行项目

1/ 采用vscode 打开文件夹
2/ 查看一下各种命令的版本

$ node -v
v18.16.0

$ npm -v
9.5.1

$ npm install yarn

$ yarn install

# 查看package.json 中设置的快捷命令方式
$ yarn run dev

标签:git,yarn,gitee,electron,vue,vite
From: https://www.cnblogs.com/panie2015/p/17333223.html

相关文章

  • 使用Vue.js实现文字跑马灯效果
    实现文字跑马灯效果,首先用到substring()截取和setInterval计时器clearInterval()清除计时器效果如下:实现代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content=&......
  • js页面将数据传给vue页面
    js页面 vue页面接收 ......
  • Vue 3.0的使用
    目录创建项目vue_cli创建项目vite创建项目常用APIsetup()基本使用示例ref与reactiveref与reactivetoRef与toRefs计算属性computed示例监听属性watch示例监听属性watchEffect示例新的生命周期钩子函数使用vite创建的项目创建项目vue_cli创建项目vue_cli的安装见:https://www.cnb......
  • vue3微信公众号商城项目实战系列(8)商品展示页面
    本篇实现在首页展示商品功能,表结构如下:表名字段功能goodsgoods_id(int)商品编号goods_name(varchar)商品名称photo(varchar)商品图片price(decimal)价格商品表页面呈现效果如下: 第1步:在api.js中加入获取首页商品信息和加购物车的接口方法,如下......
  • Vue进阶(六十二):理解$nextTick()
    一、实例介绍有一个div,默认用了v-if隐藏,点击按钮之后,改变v-if的值让他显示出来,并且取到div中的值:<divid=app><divid="div"v-if="showDiv">我是显示文本</div><button@click="showAndGetText">获取内容</button></div><script>va......
  • vue+ant中input输入框校验,不符合条件的输入无效
    1.只能输入数字/小数点/负号2.只能有一个负号,只能有一个小数点3.第一位不能直接输入小数点,输入负号后不能直接跟随小数点4.第一位输入为0时或-0时,只能跟随小数点,不能跟随数字例如01095.小数点后只能输入两位数字,不可输入其他,并且最后一位不能为0 6.因为是实时校验......
  • 如何在 vue3 中使用 jsx/tsx?
    我们都知道,通常情况下我们使用vue大多都是用的SFC(SignleFileComponent)单文件组件模式,即一个组件就是一个文件,但其实Vue也是支持使用JSX来编写组件的。这里不讨论SFC和JSX的好坏,这个仁者见仁智者见智。本篇文章旨在带领大家快速了解和使用Vue中的JSX语法,好......
  • 【Vue2.x源码系列06】计算属性computed原理
    上一章Vue2异步更新和nextTick原理,我们介绍了JavaScript执行机制是什么?nextTick源码是如何实现的?以及Vue是如何异步更新渲染的?本章目标计算属性是如何实现的?计算属性缓存原理-带有dirty属性的watcher洋葱模型的应用初始化在Vue初始化实例的过程中,如果用户options选......
  • vue3+vite+ts搭建一个基于cesium的gis系统
    使用NPM:bash$npmcreatevite@latest使用Yarn:bash$yarncreatevite使用PNPM:bash$pnpmcreatevite附加的命令行选项#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-a......
  • vue全家桶进阶之路37:Vue3 状态管理
    Vue3的状态管理主要是通过Vuex4来实现。Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。在Vue3的状态管理中,以下是各个属性的作用:state:存储应用程序中的状态数据。它可以......