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

代码仓库： https://github.com/hilanmiao/LanMiaoDesktop

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了。

转载于:https://my.oschina.net/u/3667677/blog/3035513