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

代码仓库： https://github.com/hilanmiao/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了。