今天这篇文章是讲述一下 融合了vue-cli+electron的一种新的脚手架,省去许多繁琐配置,即vue-electron. 下面就说一下安装和使用,假设你的电脑已经安装node.js,并且已经全局搭建好vue-cli脚手架,如果没有的话,打开终端:$npm install --global vue-cli 全局安装. 1.新建文件夹,cd 到你将要安装的文件夹目录,$vue init simulatedgreg/electron-vue 这一步骤极其相似于当初安装vue-cli脚手架时,一个

vue devtool下载 极简插件  github vue devtool安装 点击谷歌浏览器箭头所指图标-更多工具-扩展程序   ①:直接将后缀为crx的安装包拖进下图区域即可自动安装     ②:也可以点击开发者模式,然后选择加载已解压的扩展程序选项导入安装包      vue devtool安装后无法使用的解决方法 右上角图标无法点亮,提示vue.js not detected(未检测到vue devtool)    ①:通过在本地搜索id nhdogjmejiglipccpnnnanh

(版本1.0) npm run dev 运行工程 PS F:\SDN\VIMS--前端\vue> cnpm install PS F:\SDN\VIMS--前端\vue> cnpm rebuild node-sass PS F:\SDN\VIMS--前端\vue> cnpm run dev 若提示cookie失败,则输入: PS F:\SDN\VIMS--前端\vue> cnpm install vue-cookies PS F:\SDN\VIMS--前端\vue> cnpm

之前一直使用C#编写桌面应用,也顺带写一些Web端应用.最近在看node时发现常用的vscode是用electron编写的,一种想吃螃蟹的念头就涌了上来. 在网上找了找electron的资料,也研究了一下官方文档,发现electron app其实就是一个chrome浏览器,UI全部都是使用web端技术编写的,因为之前一直使用Vue来写Web应用,所以自然就想到Vue+Electron的组合. 在网上找了找,居然有现成的轮子Electron-Vue,立即install使用,可是发现最后却不那么如人

前言 Electron作为一款跨平台的桌面应用端解决方案已经风靡全球.作为开发者,我们几乎不用关心与操作系统的交互,直接通过Web前端技术与Electron提供的API就可以完成桌面应用端的开发. 然而,为什么国内使用Electron的踩坑文章数不胜数,主要原因是Electron为了支持跨平台,为不同的操作系统平台进行了适配,将chromium内核与node集成到了一起,屏蔽了底层操作系统的细节,所以在不同的平台上有着不同的二进制基座.在开发的过程中,我们必须要下载对应的平台的基座,才能正常开发

LNMP官网:http://lnmp.org/faq/lnmp-software-list.html LNMP一键安装包除去安装所必须的依赖包,还会默认安装以下软件: Nginx.MySQL/MariaDB.PHP.phpMyAdmin.Zend Optimizer/Zend GuardLoader.用户可以根据自己的需要安装其他组件,如FTP服务器.缓存组件,也可以使用升级脚本对Nginx.MySQL.PHP进行升级.安装这些组件或升级都需要在lnmp下载解压缩后的目录,比如下载到/root目

本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装:  1.到github下载: git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 cd vue-devtools cnpm install 3.修改manifest.json文件 把"persistent":false改成tru

http://blog.sina.com.cn/s/blog_497ff1a70102x0sw.html 第一次接触Node.js,想创建自己的服务就须配置好Node.js环境 安装Node.js 下载Node.js Node.js安装包下载地址为:https://nodejs.org/en/download注:由于本地是windows64位环境选择的是第一个 安装Node.js 双击下载的安装包文件,直接下一步到安装完成即可(Node.js默认安装目录为 "C:\Program Files\n

一. 提前准备工作 1.Node.js环境 2.Windows10 3.npm(前端包管理工具) 4.webpack(前端资源加载/打包工具) 二. 开始安装 1..下载并安装Node.js 下载地址:https://nodejs.org/en/download/ 2.在cmd中查看node.js是否安装成功,以及是否安装npm 3.由于npm安装资源时速度慢,推荐使用淘宝的镜像及其命令cnpm,安装使用介绍参照:使用淘宝NPM镜像. #查看版本 npm -v #升级npm cnpm insta

一.Vue简介 二.Vue.js的安装 2.1.npm安装 2.1.1.node.js介绍及安装 简介: 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台. Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好. 安装: Node.js 安装包及源码下载地址为:https://nodejs.org

vue用npm安装删除模块element-ui mint-ui 在vue项目中先引入了element-ui,后来发现移动版的需要用mint-ui,所以需要先卸载了再安装.卸载element-ui:npm uninstall element-ui 然后再安装mint-ui:npm i mint-ui -S详细文档请查看:ElemeFE/mint-ui: Mobile UI elements for Vue.jshttps://github.com/ElemeFE/mint-ui ---------

前言 本人是做java开发的(菜鸟),做web项目的朋友们基本上都会遇到同样一个,永远不知道客户会怎么样使用,或者说永远不知道客户会用什么浏览器打开我们做出来的应用,就算你跟他说明了一定得用某某某浏览器打开,还是有人会用别的浏览器打开,这种情况通常我们会去做适配(前端),最近公司有需求要把一个项目做成Windows桌面应用,由于我们公司的前端工程师刚好离职了,然后就由我去看这块,为了方便以后的查阅和记录学习过程,决定写下这篇文章,希望有看到的会用electron的朋友指点一下. 简介 elect

Linux 的软件安装目录是也是有讲究的,理解这一点,在对系统管理是有益的 /usr:系统级的目录,可以理解为C:/Windows/,/usr/lib理解为C:/Windows/System32./usr/local:用户级的程序目录,可以理解为C:/Progrem Files/.用户自己编译的软件默认会安装到这个目录下./opt:用户级的程序目录,可以理解为D:/Software,opt有可选的意思,这里可以用于放置第三方大型软件(或游戏),当你不需要时,直接rm -rf掉即可.在硬盘容量不够

Linux 的软件安装目录是也是有讲究的,理解这一点,在对系统管理是有益的 /usr:系统级的目录,可以理解为C:/Windows/,/usr/lib理解为C:/Windows/System32. /usr/local:用户级的程序目录,可以理解为C:/Progrem Files/.用户自己编译的软件默认会安装到这个目录下. /opt:用户级的程序目录,可以理解为D:/Software,opt有可选的意思,这里可以用于放置第三方大型软件(或游戏),当你不需要时,直接rm -rf掉即可.在硬盘容量

1.到Node.js的官网下载node node.js的下载地址,下载完成后,我在d盘新建一个文件夹“node”, 安装到node目录下(安装之后环境变量自动配置了,自己无需再配),比如我的安装路径是:D:\node     ps:安装路径是自己自定义的. 2.安装淘宝镜像服务器 安装完node后,打开cmd,输入命令进入node文件夹目录,安装淘宝镜像服务器(代理服务器下载依赖包速度比较快), 输入命令 npm install -g cnpm --registry=https://regist

最近因为项目需要在arm环境下搭建vue环境,网上有基于Linux的 教程,路径略有不同,现整理如下 1.安装文件下载 1.下载地址:http://nodejs.cn/download/ 2.选择一个合适的版本下载 2.安装步骤 1.将安装包上传到指定位置(我习惯放到:/usr/目录),并解压 1 tar -xvf node-v10.16.0-linux-armv7l.tar.xz 2.重命名文件夹 1 mv node-v10.16.0-linux-armv7l nodejs 3.通过建立软连接

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使用ffi-napi引入C++的dll   一. 安装 1.安装node.js 从node.js官网下载 推荐下载LTS版本(当前为10.16.3), 默认安装即可.   2.安装yarn 以管理员模式启动cmd, 执行指令: npm install yarn -g 根据官网介绍, Yarn 对你的代

Vue. 之 npm安装Element 前提: 相关运行环境以搭建完成,例如:Node.Npm等.    假如我的项目目录如下: D:\DISK WORKSPACE\VSCODE\CDS\cds-app   安装element 步骤: 1. 进入到项目中. 2. 在空白的区域,先按住shift键不要松手,然后在点击鼠标右键,选择:在此处打开Powershell窗口(S),如果不按住shift键,是不会有这个选项的. 3. 在打开的窗口中运行如下命令: 指令: npm i element-ui -

vue调试工具vue-devtools安装及使用方法 https://www.jb51.net/article/150335.htm 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载: ? 1 git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 ? 1 2 cd

我一般会在/opt目录下创建 一个software目录,用来存放我们从官网下载的软件格式是.tar.gz文件,或者通过 wget+地址下载的.tar.gz文件 执行解压缩命令,这里以nginx举例 tar -zxvf nginx-1.16.0.tar.gz -C /usr/local/src/ 把源码解压到/usr/local/src/目录下:-C:指定输出目录,x:解压 v:显示解压过程 f:后跟文件名称 /usr:系统级的目录,可以理解为 C:/Windows/    /usr/lib 理解

起因 使用Quasar框架开发Electron软件,配置好后发现electron没有正常安装,但是yarn却一本正经的胡说八道:不不不,electron已经在那里了.打开模块安装目录一看还真有electron文件夹,但是里面核心文件却没有下载. 解决如下: 源的速度过慢 yarn设置临时镜像 yarn save express --registry https://registry.npm.taobao.org yarn设置永久镜像 yarn config set registry https: