vuetify & electron

Posted fansite

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuetify & electron相关的知识,希望对你有一定的参考价值。

1.安装node

2.安装vue/cli
$ npm install @vue/cli -g

3.创建应用并进入应用目录
$ vue create my-app
$ cd my-app
4.添加electron-builder
$ vue add electron-builder
会让你选择electron版本,默认即可

技术图片

然后是漫长且龟速的下载,耐心等待

技术图片

有极高的几率安装失败,基本都是网络问题(你懂的)

所以,我们先设置electron的源地址,修改为淘宝镜像

$ npm config set electron_mirror https://npm.taobao.org/mirrors/electron/

然后再一次 

$ vue add electron-builder

技术图片

瞬间就成功了!!! 

5.添加vuetify

$ vue add vuetify

技术图片

6.运行

$ npm run electron:serve

技术图片

 

 

以上是关于vuetify & electron的主要内容,如果未能解决你的问题,请参考以下文章

Vuetify 文本颜色变体

Vuejs & Vuetify - 在对话框中使用 Tinymce 作为组件需要重新加载

Vuetify中的BootstrapVue b-form-checkbox&radio垂直中心?

Vuetify 过渡:如何设置过渡速度

vuetify 中心项目到 v-flex

vuetify & electron