简介
Electron+vue3
1.Electronjs
electron概念:
Electron是一个基于Chromium和Node.js实现的桌面应用框架,可以使用JavaScript,HTML和CSS等Web技术构建原生程序,例如vscode、skype、whatsapp等都是基于electronjs框架开发的。
electron优点:
跨平台,开源免费,社区活跃,一次编写,Windows、Mac、Linux都能运行。熟练前端三剑客html、css、js即可构建应用。可通过node.js、原生nativeapi增强web功能体验。内置chromium浏览器,兼容性好,支持html5css3es6+语法
2.Vuejs
vue概念:
Vue.js是一套构建用户界面的渐进式JavaScript框架,是目前流行前端三大框架之一。
vue优点:
组件化开发,使冗余代码编写量大大减少,易维护。数据双向绑定,响应式开发,配合vuejsdevtools浏览器插件开发效率高。虚拟dom,数据和结构的分离,结构清晰。单页面应用,页面局部刷新,运行速度更快。
环境搭建
1.nodejs准备工作
安装nodejsLTS(长期支持版本),安装完终端查看版本。
J:\test\electronjsnode-vv14.16.0J:\test\electronjsnpm-v7.19.1
2.安装cnpm或者yarn
推荐使用全局安装cnpm,并配置淘宝源
npminstallcnpm-gcnpmconfigsetgistry