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

相关文章
|
2天前
|
JavaScript API
vue组合式和选项式
vue组合式和选项式
4 2
|
4天前
|
JavaScript Java 测试技术
基于ssm+vue.js的绿色农产品推广应用网站附带文章和源代码设计说明文档ppt
基于ssm+vue.js的绿色农产品推广应用网站附带文章和源代码设计说明文档ppt
24 4
|
4天前
|
JavaScript Java 测试技术
基于springboot+vue.js的电商应用系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的电商应用系统附带文章和源代码设计说明文档ppt
12 0
|
4天前
|
JavaScript 程序员 网络架构
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
|
4天前
|
资源调度 JavaScript UED
vue路由的基础知识总结,vueRouter插件的安装与使用
vue路由的基础知识总结,vueRouter插件的安装与使用
|
4天前
|
JavaScript
|
缓存 资源调度 前端开发
用webpack4带你实现一个vue的打包的项目
一个用webpack4打包的vue 的项目,参照vue-cli的webpack配置,一步一步带你实现一个vue的打包的项目,每一个commit对应一个步骤。
2944 0
|
5天前
|
JavaScript 前端开发 安全
Vue响应式设计
【5月更文挑战第30天】Vue响应式设计
25 1
|
5天前
|
编解码 JavaScript API
Vue在移动端的表现如何?
【5月更文挑战第30天】Vue在移动端的表现如何?
12 2
|
5天前
|
JavaScript 前端开发 API
Vue与其他框架的对比优势
【5月更文挑战第30天】Vue与其他框架的对比优势
11 1