Tomonkey的专栏

由于需要持久化存储一些信息到磁盘上，信息比较简单，无需过多设计。经过搜索发现electron-store比较好用1. 引入插件Electron-Storehttps://github.com/sindresorhus/electron-store$ npm install electron-store2. 修改配置修改文件vue.config.js文件进行配置module.exports={ pluginOptions: { electronBuilder: {

由于css文件是使用scss相关语法写的，所以工程需要能够支持scss。安装依赖npm install sass-loader node-sass --save-dev安装成功后修改vue文件内的代码如下添加lang="scss"<style scoped lang="scss">$primary-color: #ff6b6b;$primary-color-ho...

找一个放工程的文件夹下面，运行命令vue create myproject会创建文件夹myproject，同时文件夹内的即为工程的相关文件启动命令如下cd myprojectnpm run serve出现如下即是运行成功...

如下，一分为三，想要可以拖拽，调整左、中、右大小话不多说，直接上代码代码示例HTML代码其实是5个div，拖拽区域也是div，只不过就是窄一点<template> <div id="hello-id"> <div id="left-id"></div> <div id="resize1" class="resize-div...

需要用到上传文件，那么使用的是<input type="file" />，当然了，肯定加了hidden属性，不然原生的input上传文件非常的丑。截图示例如下：代码示例这里的图标我用到了BootstrapVue，如何使用请自行搜索。HTML代码<div class="h4" style="text-align: left;"> <! -- 上传图标...

现在有一个列表，需要给列表的每一行增加右键菜单功能，右键菜单有删除或者编辑功能，截图示例如下。代码示例1. 给元素添加右键事件监听@contextmenu="rightClick"添加右键事件监听<b-list-group-item v-for="(item, index) in itemList" :key="item.id" @contextmenu="...

参考如下链接搭建即可，整合最新版本的vue和electron，搭建脚手架手把手教你使用Electron5+vue-cli3开发跨平台桌面应用不使用 SimulatedGREG/electron-vueSimulatedGREG/electron-vue已经很久没有更新了，而且其生成的工程结构并不是vue-cli3，所以放弃使用。搭建命令简单记录如下（按照顺序）记得先将npm源，换...

1.直接永久修改 npm config set registry https://registry.npm.taobao.org2.修改.npmrc.npmrc文件，就是npm的配置文件所在位置。当然，寻找这个文件的目的，多数是为了修改.npmrc文件内容。但npm提供了方便快捷的修改方式，不知道这个文件的位置，其实也是可以修改的。下面的命令行：npm config edit在弹出的界...

这个不是报错，而是需要将babylon 换成babel解决办法是：找到modules包里面的：node_modules\vue-loader\lib\template-compiler\index.js将{ parser: “babylon” } 换成?{ parser: “babel” } 即可；...

今天在安装electron的时候一直出错，执行命令如下进行安装npm install -g electron --verbose出错主要如下，一直报operation not permittedEPERM: operation not permitted, lstat 'C:\Users\Administrator\AppData\Local\Temp\electron-download-...

node版本管理有时候很麻烦，最近刚刚好找到一个比较好的博客，链接如下Windows下完全卸载node.js并安装node.js的多版本管理工具nvm-windows相关重要链接做一个记录nvm-windows的下载地址：https://github.com/coreybutler/nvm-windows/releases...

今天在使用echarts的基本功能的时候，想截图放到PPT里面，但是缩放后发现很不清晰，因此找了一下解决方案。在初始化的时候，增加参数，使用SVG渲染即可原先的初始化代码如下var myChart = echarts.init(document.getElementById('main'));修改后的代码如下即可var myChart = echarts.init(docume...