选择自定义安装之后：(这里选择了常用模块)
? Check the features needed for your project: (*) Babel——————（转码器，将ES6代码转为ES5代码，从而在现有环境执行。 ） ( ) TypeScript——————（是JS（后缀.js）的超集，后缀为.ts,包含并扩展了 JavaScript 的语法,现很少人用） ( ) Progressive Web App (PWA) Support————（渐进式Web应用程序） (*) Router——————（vue-router 即vue路由） (*) Vuex——————（vuex ,vue的状态管理模式） (*) CSS Pre-processors——————（ CSS 预处理器（如：less、sass）） (*) Linter / Formatter——————（代码风格检查和格式化（如：ESlint）） >( ) Unit Testing——————（单元测试） ( ) E2E Testing————————（/e2e（end to end） 测试）选好后敲回车：
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)———————— n （是否采用history模式，这里对vue-router，vue-router 默认使用hash模式，可参考vue-router的官网， ）我们不采用history模式，敲“n”，回车：
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass) > Sass/SCSS (with node-sass)————（这里选css预处理，一般项目用scss,这里选了第二个） Less Styluseslint代码格式化检查工具的配置：
? Pick a linter / formatter config: (Use arrow keys) ESLint with error prevention only ESLint + Airbnb config > ESLint + Standard config——————（这里选，标准配置） ESLint + Prettier何时进行 进行格式检查：
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection) >(*) Lint on save——————（在保存代码的时候，检查代码格式） ( ) Lint and fix on commit将babel、eslint等的配置文件放在哪里：
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys) > In dedicated config files （这里选了放在各自专用的配置文件中） In package.json——————（放在package.json里）是否记录，这一次的配置选择：
? Save this as a preset for future projects? (y/N)———— (N不记录)安装后移动到目录 并启动： 选择后敲回车，开始创建项目，创建完成后，根据提示，输入命令，运行项目：
cd vue-electron-demo——————（该命令是进入项目目录下） yarn serve——————（运行项目）**项目运行成功：**出现 http://localhost:8080等，可在浏览器打开 http://localhost:8080 。 到此vue的项目搭建完成。 效果如图： 注意： 项目搭建完成后，sass已可用,ESLint也已生效；
在命令行 Ctrl+c, 结束项目运行终止批处理操作吗(Y/N)? Y; 项目根部运行命令：
vue add electron-builder——————（安装electron）配置选项，选择Electron的版本
? Choose Electron Version (Use arrow keys) ^4.0.0 ^5.0.0 > ^6.0.0——————（这里选择electron的6.0版本）安装完成后，查看项目的目录结构，会自动在src目录下生成background.js并修改了package.json。 运行项目：
yarn electron:serve————————（运行项目）运行成功后，可看到如图所示效果： 编译成功后，就会出现开发环境的APP了。接下来就是改配置，进行开发。
在项目根目录下运行以下命令：
yarn electron:build——————（打包的命令）小tip： ① 打包完成后，项目下会多出一个dist_electron的文件夹，该文件夹下有一个**.exe**的应用程序安装包，双击可进行安装（可发给别人安装）， 因为这里没有进行配置，会是默认的安装路径 （C盘），并会在桌面创建一个该程序的快捷方式。 ② （dist_electron\win-unpacked）此下有一个无须安装的绿色版本，故也可将win-unpacked整个发给别人安装。
如图，双击该 .exe 的文件： 将安装该 .exe 应用程序，此时能看到桌面多了一个该应用程序的图标，双击该图标可看到上述运行的效果， 这里在GitHub上传了一个初步搭建的Vue+Electron的项目供参考，该项目会用于做一些测试的小案例，持续更新; 地址：https://github.com/ddx2019/vue-electron-demo
