Electron开发实战之记账软件2——使用electron-vue初始化项目并升级部分包

原创
2019/04/11 16:01
阅读数 4W

代码仓库: https://gitee.com/XiaoLanMiao/LanMiaoDesktop

!!!npm-check 比较老了,可以切换到npm-check-updates 。命令是ncu -u,它只改变package.json文件内容,需要你自己再npm install

Electron-Vue中文介绍官方网站,内容挺多的,从头看一遍,后面有很多地方需要参考这些资料。

https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

先不用急着npm install,因为我们要先升级部分包。

1.安装Electron-vue并初始化

# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev

下面是我安装的截图,图省事,ESLint,Test这些都没有安装。

2.安装npm-check并升级部分包

npm install -g npm-check //全局安装
npm-check -u // 检查更新

效果如下图,按上下箭头选择要升级的包,按空格确认选择:

最主要的是把Electron的包升级到了4.1.4,因为有一些重大的更新,5.0快发布了,后期也会更新。

我升级了全部的包,呵呵呵呵,肯定要处理一些错误,大家别学我,我这是作,只升级必要的包即可。

3.运行

npm run dev

能显示出如上图所示就OK了。

展开阅读全文
加载中
点击加入讨论🔥(2) 发布并加入讨论🔥
2 评论
2 收藏
1
分享
返回顶部
顶部