vue项目打包成应用

简介: vue项目打包成应用

1,安装node.js

传送门:node.js

安装完成之后运行在终端运行一下node -v查看版本号,有版本号就说明安装成功了

2,终端运行npm -v查看有没有npm

3,安装nativefier

npm install nativefier -g

4,安装cnpm,原因:npm容易被墙,cnpm是淘宝的镜像,所以用cnpm代替npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果安装不上去报错,可能是权限的问题

mac终端执行以下命令,使用最高权限来运行,运行完输入密码

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

5,用cnpm安装electron,Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用

cnpm install -g electron

6,现在就可以打包成应用了

nativefier --name "APP" --tray "https://www.baidu.com"

7,还有一些相关操作

--always-on-top             //应用窗口总是在上面
--background-color <string> //背景颜色
--disable-context-menu    //禁用上下文菜单
--disable-dev-tools        //禁用开发工具
--full-screen              //全屏
--hide-window-frame        //隐藏窗口框架

over

相关文章
|
1天前
|
JavaScript
|
3天前
|
JavaScript 前端开发
【vue】 el-table解决分页不能筛选全部数据的问题
【vue】 el-table解决分页不能筛选全部数据的问题
12 4
|
2天前
|
JavaScript
vue知识点
vue知识点
7 2
|
3天前
|
JavaScript
【vue】 vue2 监听滚动条滚动事件
【vue】 vue2 监听滚动条滚动事件
10 1
|
2月前
|
JavaScript API
【vue实战项目】通用管理系统:api封装、404页
【vue实战项目】通用管理系统:api封装、404页
51 3
|
2月前
|
人工智能 JavaScript 前端开发
毕设项目-基于Springboot和Vue实现蛋糕商城系统(三)
毕设项目-基于Springboot和Vue实现蛋糕商城系统
|
2月前
|
JavaScript Java 关系型数据库
毕设项目-基于Springboot和Vue实现蛋糕商城系统(一)
毕设项目-基于Springboot和Vue实现蛋糕商城系统
116 0
|
2月前
|
JavaScript 前端开发 API
Vue3+Vite+TypeScript常用项目模块详解
现在无论gitee还是github,越来越多的前端开源项目采用Vue3+Vite+TypeScript+Pinia+Elementplus+axios+Sass(css预编译语言等),其中还有各种项目配置比如eslint 校验代码工具配置等等,而我们想要进行前端项目的二次开发,就必须了解会使用这些东西,所以作者写了这篇文章进行简单的介绍。
101 0
Vue3+Vite+TypeScript常用项目模块详解
|
2月前
|
设计模式 JavaScript
探索 Vue Mixin 的世界:如何轻松复用代码并提高项目性能(上)
探索 Vue Mixin 的世界:如何轻松复用代码并提高项目性能(上)
探索 Vue Mixin 的世界:如何轻松复用代码并提高项目性能(上)
|
2月前
|
前端开发 JavaScript Java
毕业设计|基于SpringBoot+Vue的科研课题项目管理系统
毕业设计|基于SpringBoot+Vue的科研课题项目管理系统
137 1