├── .babelrc ├── .electron-vue ├── build.js ├── dev-client.js ├── dev-runner.js ├── webpack.main.config.js ├── webpack.renderer.config.js └── webpack.web.config.js ├── .gitignore ├── .travis.yml ├── README.md ├── appveyor.yml ├── dist ├── electron │ └── .gitkeep └── web │ └── .gitkeep ├── package-lock.json ├── package.json ├── src ├── config │ └── index.js ├── index.ejs ├── main │ ├── index.dev.js │ ├── index.js │ └── utils │ │ └── index.js ├── renderer │ ├── App.vue │ ├── assets │ │ ├── .gitkeep │ │ └── logo.png │ ├── components │ │ └── update-handle.vue │ ├── main.js │ ├── router │ │ └── index.js │ ├── store │ │ ├── index.js │ │ └── modules │ │ │ ├── Counter.js │ │ │ └── index.js │ └── views │ │ └── index.vue └── system │ ├── index.js │ ├── initAutoOpen.js │ ├── initAutoUpdate.js │ ├── initDefineClose.js │ ├── initOnlyOpen.js │ └── initUseTray.js ├── static ├── .gitkeep ├── download │ └── .gitkeep └── icons │ ├── icon.icns │ ├── icon.ico │ └── icon.png ├── vetur.config.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "comments": false, 3 | "env": { 4 | "main": { 5 | "presets": [ 6 | ["env", { 7 | "targets": { "node": 7 } 8 | }], 9 | "stage-0" 10 | ] 11 | }, 12 | "renderer": { 13 | "presets": [ 14 | ["env", { 15 | "modules": false 16 | }], 17 | "stage-0" 18 | ] 19 | }, 20 | "web": { 21 | "presets": [ 22 | ["env", { 23 | "modules": false 24 | }], 25 | "stage-0" 26 | ] 27 | } 28 | }, 29 | "plugins": ["transform-runtime"] 30 | } 31 | -------------------------------------------------------------------------------- /.electron-vue/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.NODE_ENV = 'production' 4 | 5 | const { say } = require('cfonts') 6 | const chalk = require('chalk') 7 | const del = require('del') 8 | const { spawn } = require('child_process') 9 | const webpack = require('webpack') 10 | const Multispinner = require('multispinner') 11 | 12 | 13 | const mainConfig = require('./webpack.main.config') 14 | const rendererConfig = require('./webpack.renderer.config') 15 | const webConfig = require('./webpack.web.config') 16 | 17 | const doneLog = chalk.bgGreen.white(' DONE ') + ' ' 18 | const errorLog = chalk.bgRed.white(' ERROR ') + ' ' 19 | const okayLog = chalk.bgBlue.white(' OKAY ') + ' ' 20 | const isCI = process.env.CI || false 21 | 22 | if (process.env.BUILD_TARGET === 'clean') clean() 23 | else if (process.env.BUILD_TARGET === 'web') web() 24 | else build() 25 | 26 | function clean () { 27 | del.sync(['build/*', '!build/icons', '!build/icons/icon.*']) 28 | console.log(`\n${doneLog}\n`) 29 | process.exit() 30 | } 31 | 32 | function build () { 33 | greeting() 34 | 35 | del.sync(['dist/electron/*', '!.gitkeep']) 36 | 37 | const tasks = ['main', 'renderer'] 38 | const m = new Multispinner(tasks, { 39 | preText: 'building', 40 | postText: 'process' 41 | }) 42 | 43 | let results = '' 44 | 45 | m.on('success', () => { 46 | process.stdout.write('\x1B[2J\x1B[0f') 47 | console.log(`\n\n${results}`) 48 | console.log(`${okayLog}take it away ${chalk.yellow('`electron-builder`')}\n`) 49 | process.exit() 50 | }) 51 | 52 | pack(mainConfig).then(result => { 53 | results += result + '\n\n' 54 | m.success('main') 55 | }).catch(err => { 56 | m.error('main') 57 | console.log(`\n ${errorLog}failed to build main process`) 58 | console.error(`\n${err}\n`) 59 | process.exit(1) 60 | }) 61 | 62 | pack(rendererConfig).then(result => { 63 | results += result + '\n\n' 64 | m.success('renderer') 65 | }).catch(err => { 66 | m.error('renderer') 67 | console.log(`\n ${errorLog}failed to build renderer process`) 68 | console.error(`\n${err}\n`) 69 | process.exit(1) 70 | }) 71 | } 72 | 73 | function pack (config) { 74 | return new Promise((resolve, reject) => { 75 | config.mode = 'production' 76 | webpack(config, (err, stats) => { 77 | if (err) reject(err.stack || err) 78 | else if (stats.hasErrors()) { 79 | let err = '' 80 | 81 | stats.toString({ 82 | chunks: false, 83 | colors: true 84 | }) 85 | .split(/\r?\n/) 86 | .forEach(line => { 87 | err += ` ${line}\n` 88 | }) 89 | 90 | reject(err) 91 | } else { 92 | resolve(stats.toString({ 93 | chunks: false, 94 | colors: true 95 | })) 96 | } 97 | }) 98 | }) 99 | } 100 | 101 | function web () { 102 | del.sync(['dist/web/*', '!.gitkeep']) 103 | webConfig.mode = 'production' 104 | webpack(webConfig, (err, stats) => { 105 | if (err || stats.hasErrors()) console.log(err) 106 | 107 | console.log(stats.toString({ 108 | chunks: false, 109 | colors: true 110 | })) 111 | 112 | process.exit() 113 | }) 114 | } 115 | 116 | function greeting () { 117 | const cols = process.stdout.columns 118 | let text = '' 119 | 120 | if (cols > 85) text = 'lets-build' 121 | else if (cols > 60) text = 'lets-|build' 122 | else text = false 123 | 124 | if (text && !isCI) { 125 | say(text, { 126 | colors: ['yellow'], 127 | font: 'simple3d', 128 | space: false 129 | }) 130 | } else console.log(chalk.yellow.bold('\n lets-build')) 131 | console.log() 132 | } -------------------------------------------------------------------------------- /.electron-vue/dev-client.js: -------------------------------------------------------------------------------- 1 | const hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') 2 | 3 | hotClient.subscribe(event => { 4 | /** 5 | * Reload browser when HTMLWebpackPlugin emits a new index.html 6 | * 7 | * Currently disabled until jantimon/html-webpack-plugin#680 is resolved. 8 | * https://github.com/SimulatedGREG/electron-vue/issues/437 9 | * https://github.com/jantimon/html-webpack-plugin/issues/680 10 | */ 11 | // if (event.action === 'reload') { 12 | // window.location.reload() 13 | // } 14 | 15 | /** 16 | * Notify `mainWindow` when `main` process is compiling, 17 | * giving notice for an expected reload of the `electron` process 18 | */ 19 | if (event.action === 'compiling') { 20 | document.body.innerHTML += ` 21 | 34 | 35 |
36 | Compiling Main Process... 37 |
38 | ` 39 | } 40 | }) 41 | -------------------------------------------------------------------------------- /.electron-vue/dev-runner.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | const chalk = require('chalk') 4 | const electron = require('electron') 5 | const path = require('path') 6 | const { say } = require('cfonts') 7 | const { spawn } = require('child_process') 8 | const webpack = require('webpack') 9 | const WebpackDevServer = require('webpack-dev-server') 10 | const webpackHotMiddleware = require('webpack-hot-middleware') 11 | 12 | const mainConfig = require('./webpack.main.config') 13 | const rendererConfig = require('./webpack.renderer.config') 14 | 15 | let electronProcess = null 16 | let manualRestart = false 17 | let hotMiddleware 18 | 19 | function logStats (proc, data) { 20 | let log = '' 21 | 22 | log += chalk.yellow.bold(`┏ ${proc} Process ${new Array((19 - proc.length) + 1).join('-')}`) 23 | log += '\n\n' 24 | 25 | if (typeof data === 'object') { 26 | data.toString({ 27 | colors: true, 28 | chunks: false 29 | }).split(/\r?\n/).forEach(line => { 30 | log += ' ' + line + '\n' 31 | }) 32 | } else { 33 | log += ` ${data}\n` 34 | } 35 | 36 | log += '\n' + chalk.yellow.bold(`┗ ${new Array(28 + 1).join('-')}`) + '\n' 37 | 38 | console.log(log) 39 | } 40 | 41 | function startRenderer () { 42 | return new Promise((resolve, reject) => { 43 | rendererConfig.entry.renderer = [path.join(__dirname, 'dev-client')].concat(rendererConfig.entry.renderer) 44 | rendererConfig.mode = 'development' 45 | const compiler = webpack(rendererConfig) 46 | hotMiddleware = webpackHotMiddleware(compiler, { 47 | log: false, 48 | heartbeat: 2500 49 | }) 50 | 51 | compiler.hooks.compilation.tap('compilation', compilation => { 52 | compilation.hooks.htmlWebpackPluginAfterEmit.tapAsync('html-webpack-plugin-after-emit', (data, cb) => { 53 | hotMiddleware.publish({ action: 'reload' }) 54 | cb() 55 | }) 56 | }) 57 | 58 | compiler.hooks.done.tap('done', stats => { 59 | logStats('Renderer', stats) 60 | }) 61 | 62 | const server = new WebpackDevServer( 63 | compiler, 64 | { 65 | contentBase: path.join(__dirname, '../'), 66 | quiet: true, 67 | before (app, ctx) { 68 | app.use(hotMiddleware) 69 | ctx.middleware.waitUntilValid(() => { 70 | resolve() 71 | }) 72 | } 73 | } 74 | ) 75 | 76 | server.listen(9080) 77 | }) 78 | } 79 | 80 | function startMain () { 81 | return new Promise((resolve, reject) => { 82 | mainConfig.entry.main = [path.join(__dirname, '../src/main/index.dev.js')].concat(mainConfig.entry.main) 83 | mainConfig.mode = 'development' 84 | const compiler = webpack(mainConfig) 85 | 86 | compiler.hooks.watchRun.tapAsync('watch-run', (compilation, done) => { 87 | logStats('Main', chalk.white.bold('compiling...')) 88 | hotMiddleware.publish({ action: 'compiling' }) 89 | done() 90 | }) 91 | 92 | compiler.watch({}, (err, stats) => { 93 | if (err) { 94 | console.log(err) 95 | return 96 | } 97 | 98 | logStats('Main', stats) 99 | 100 | if (electronProcess && electronProcess.kill) { 101 | manualRestart = true 102 | process.kill(electronProcess.pid) 103 | electronProcess = null 104 | startElectron() 105 | 106 | setTimeout(() => { 107 | manualRestart = false 108 | }, 5000) 109 | } 110 | 111 | resolve() 112 | }) 113 | }) 114 | } 115 | 116 | function startElectron () { 117 | var args = [ 118 | '--inspect=5858', 119 | path.join(__dirname, '../dist/electron/main.js') 120 | ] 121 | 122 | // detect yarn or npm and process commandline args accordingly 123 | if (process.env.npm_execpath.endsWith('yarn.js')) { 124 | args = args.concat(process.argv.slice(3)) 125 | } else if (process.env.npm_execpath.endsWith('npm-cli.js')) { 126 | args = args.concat(process.argv.slice(2)) 127 | } 128 | 129 | electronProcess = spawn(electron, args) 130 | 131 | electronProcess.stdout.on('data', data => { 132 | electronLog(data, 'blue') 133 | }) 134 | electronProcess.stderr.on('data', data => { 135 | electronLog(data, 'red') 136 | }) 137 | 138 | electronProcess.on('close', () => { 139 | if (!manualRestart) process.exit() 140 | }) 141 | } 142 | 143 | function electronLog (data, color) { 144 | let log = '' 145 | data = data.toString().split(/\r?\n/) 146 | data.forEach(line => { 147 | log += ` ${line}\n` 148 | }) 149 | if (/[0-9A-z]+/.test(log)) { 150 | console.log( 151 | chalk[color].bold('┏ Electron -------------------') + 152 | '\n\n' + 153 | log + 154 | chalk[color].bold('┗ ----------------------------') + 155 | '\n' 156 | ) 157 | } 158 | } 159 | 160 | function greeting () { 161 | const cols = process.stdout.columns 162 | let text = '' 163 | 164 | if (cols > 104) text = 'electron-vue' 165 | else if (cols > 76) text = 'electron-|vue' 166 | else text = false 167 | 168 | if (text) { 169 | say(text, { 170 | colors: ['yellow'], 171 | font: 'simple3d', 172 | space: false 173 | }) 174 | } else console.log(chalk.yellow.bold('\n electron-vue')) 175 | console.log(chalk.blue(' getting ready...') + '\n') 176 | } 177 | 178 | function init () { 179 | greeting() 180 | 181 | Promise.all([startRenderer(), startMain()]) 182 | .then(() => { 183 | startElectron() 184 | }) 185 | .catch(err => { 186 | console.error(err) 187 | }) 188 | } 189 | 190 | init() 191 | -------------------------------------------------------------------------------- /.electron-vue/webpack.main.config.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.BABEL_ENV = 'main' 4 | 5 | const path = require('path') 6 | const { dependencies } = require('../package.json') 7 | const webpack = require('webpack') 8 | 9 | const MinifyPlugin = require("babel-minify-webpack-plugin") 10 | 11 | let mainConfig = { 12 | entry: { 13 | main: path.join(__dirname, '../src/main/index.js') 14 | }, 15 | externals: [ 16 | ...Object.keys(dependencies || {}) 17 | ], 18 | module: { 19 | rules: [ 20 | { 21 | test: /\.js$/, 22 | use: 'babel-loader', 23 | exclude: /node_modules/ 24 | }, 25 | { 26 | test: /\.node$/, 27 | use: 'node-loader' 28 | } 29 | ] 30 | }, 31 | node: { 32 | __dirname: process.env.NODE_ENV !== 'production', 33 | __filename: process.env.NODE_ENV !== 'production' 34 | }, 35 | output: { 36 | filename: '[name].js', 37 | libraryTarget: 'commonjs2', 38 | path: path.join(__dirname, '../dist/electron') 39 | }, 40 | plugins: [ 41 | new webpack.NoEmitOnErrorsPlugin() 42 | ], 43 | resolve: { 44 | extensions: ['.js', '.json', '.node'] 45 | }, 46 | target: 'electron-main' 47 | } 48 | 49 | /** 50 | * Adjust mainConfig for development settings 51 | */ 52 | if (process.env.NODE_ENV !== 'production') { 53 | mainConfig.plugins.push( 54 | new webpack.DefinePlugin({ 55 | '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"` 56 | }) 57 | ) 58 | } 59 | 60 | /** 61 | * Adjust mainConfig for production settings 62 | */ 63 | if (process.env.NODE_ENV === 'production') { 64 | mainConfig.plugins.push( 65 | new MinifyPlugin(), 66 | new webpack.DefinePlugin({ 67 | 'process.env.NODE_ENV': '"production"' 68 | }) 69 | ) 70 | } 71 | 72 | module.exports = mainConfig 73 | -------------------------------------------------------------------------------- /.electron-vue/webpack.renderer.config.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.BABEL_ENV = 'renderer' 4 | 5 | const path = require('path') 6 | const { dependencies } = require('../package.json') 7 | const webpack = require('webpack') 8 | 9 | const MinifyPlugin = require("babel-minify-webpack-plugin") 10 | const CopyWebpackPlugin = require('copy-webpack-plugin') 11 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 12 | const HtmlWebpackPlugin = require('html-webpack-plugin') 13 | const { VueLoaderPlugin } = require('vue-loader') 14 | 15 | /** 16 | * List of node_modules to include in webpack bundle 17 | * 18 | * Required for specific packages like Vue UI libraries 19 | * that provide pure *.vue files that need compiling 20 | * https://simulatedgreg.gitbooks.io/electron-vue/content/en/webpack-configurations.html#white-listing-externals 21 | */ 22 | let whiteListedModules = ['vue'] 23 | 24 | let rendererConfig = { 25 | devtool: '#cheap-module-eval-source-map', 26 | entry: { 27 | renderer: path.join(__dirname, '../src/renderer/main.js') 28 | }, 29 | externals: [ 30 | ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d)) 31 | ], 32 | module: { 33 | rules: [ 34 | { 35 | test: /\.less$/, 36 | use: ['vue-style-loader', 'css-loader', 'less-loader'] 37 | }, 38 | { 39 | test: /\.css$/, 40 | use: ['vue-style-loader', 'css-loader'] 41 | }, 42 | { 43 | test: /\.html$/, 44 | use: 'vue-html-loader' 45 | }, 46 | { 47 | test: /\.js$/, 48 | use: 'babel-loader', 49 | exclude: /node_modules/ 50 | }, 51 | { 52 | test: /\.node$/, 53 | use: 'node-loader' 54 | }, 55 | { 56 | test: /\.vue$/, 57 | use: { 58 | loader: 'vue-loader', 59 | options: { 60 | extractCSS: process.env.NODE_ENV === 'production', 61 | loaders: { 62 | sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1', 63 | scss: 'vue-style-loader!css-loader!sass-loader', 64 | less: 'vue-style-loader!css-loader!less-loader' 65 | } 66 | } 67 | } 68 | }, 69 | { 70 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 71 | use: { 72 | loader: 'url-loader', 73 | query: { 74 | limit: 10000, 75 | name: 'imgs/[name]--[folder].[ext]' 76 | } 77 | } 78 | }, 79 | { 80 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 81 | loader: 'url-loader', 82 | options: { 83 | limit: 10000, 84 | name: 'media/[name]--[folder].[ext]' 85 | } 86 | }, 87 | { 88 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 89 | use: { 90 | loader: 'url-loader', 91 | query: { 92 | limit: 10000, 93 | name: 'fonts/[name]--[folder].[ext]' 94 | } 95 | } 96 | } 97 | ] 98 | }, 99 | node: { 100 | __dirname: process.env.NODE_ENV !== 'production', 101 | __filename: process.env.NODE_ENV !== 'production' 102 | }, 103 | plugins: [ 104 | new VueLoaderPlugin(), 105 | new MiniCssExtractPlugin({filename: 'styles.css'}), 106 | new HtmlWebpackPlugin({ 107 | filename: 'index.html', 108 | template: path.resolve(__dirname, '../src/index.ejs'), 109 | minify: { 110 | collapseWhitespace: true, 111 | removeAttributeQuotes: true, 112 | removeComments: true 113 | }, 114 | nodeModules: process.env.NODE_ENV !== 'production' 115 | ? path.resolve(__dirname, '../node_modules') 116 | : false 117 | }), 118 | new webpack.HotModuleReplacementPlugin(), 119 | new webpack.NoEmitOnErrorsPlugin() 120 | ], 121 | output: { 122 | filename: '[name].js', 123 | libraryTarget: 'commonjs2', 124 | path: path.join(__dirname, '../dist/electron') 125 | }, 126 | resolve: { 127 | alias: { 128 | '@': path.join(__dirname, '../src/renderer'), 129 | 'vue$': 'vue/dist/vue.esm.js' 130 | }, 131 | extensions: ['.js', '.vue', '.json', '.css', '.node'] 132 | }, 133 | target: 'electron-renderer' 134 | } 135 | 136 | /** 137 | * Adjust rendererConfig for development settings 138 | */ 139 | if (process.env.NODE_ENV !== 'production') { 140 | rendererConfig.plugins.push( 141 | new webpack.DefinePlugin({ 142 | '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"` 143 | }) 144 | ) 145 | } 146 | 147 | /** 148 | * Adjust rendererConfig for production settings 149 | */ 150 | if (process.env.NODE_ENV === 'production') { 151 | rendererConfig.devtool = '' 152 | 153 | rendererConfig.plugins.push( 154 | new MinifyPlugin(), 155 | new CopyWebpackPlugin([ 156 | { 157 | from: path.join(__dirname, '../static'), 158 | to: path.join(__dirname, '../dist/electron/static'), 159 | ignore: ['.*'] 160 | } 161 | ]), 162 | new webpack.DefinePlugin({ 163 | 'process.env.NODE_ENV': '"production"' 164 | }), 165 | new webpack.LoaderOptionsPlugin({ 166 | minimize: true 167 | }) 168 | ) 169 | } 170 | 171 | module.exports = rendererConfig 172 | -------------------------------------------------------------------------------- /.electron-vue/webpack.web.config.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.BABEL_ENV = 'web' 4 | 5 | const path = require('path') 6 | const webpack = require('webpack') 7 | 8 | const MinifyPlugin = require("babel-minify-webpack-plugin") 9 | const CopyWebpackPlugin = require('copy-webpack-plugin') 10 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 11 | const HtmlWebpackPlugin = require('html-webpack-plugin') 12 | const { VueLoaderPlugin } = require('vue-loader') 13 | 14 | let webConfig = { 15 | devtool: '#cheap-module-eval-source-map', 16 | entry: { 17 | web: path.join(__dirname, '../src/renderer/main.js') 18 | }, 19 | module: { 20 | rules: [ 21 | { 22 | test: /\.less$/, 23 | use: ['vue-style-loader', 'css-loader', 'less-loader'] 24 | }, 25 | { 26 | test: /\.css$/, 27 | use: ['vue-style-loader', 'css-loader'] 28 | }, 29 | { 30 | test: /\.html$/, 31 | use: 'vue-html-loader' 32 | }, 33 | { 34 | test: /\.js$/, 35 | use: 'babel-loader', 36 | include: [ path.resolve(__dirname, '../src/renderer') ], 37 | exclude: /node_modules/ 38 | }, 39 | { 40 | test: /\.vue$/, 41 | use: { 42 | loader: 'vue-loader', 43 | options: { 44 | extractCSS: true, 45 | loaders: { 46 | sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1', 47 | scss: 'vue-style-loader!css-loader!sass-loader', 48 | less: 'vue-style-loader!css-loader!less-loader' 49 | } 50 | } 51 | } 52 | }, 53 | { 54 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 55 | use: { 56 | loader: 'url-loader', 57 | query: { 58 | limit: 10000, 59 | name: 'imgs/[name].[ext]' 60 | } 61 | } 62 | }, 63 | { 64 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 65 | use: { 66 | loader: 'url-loader', 67 | query: { 68 | limit: 10000, 69 | name: 'fonts/[name].[ext]' 70 | } 71 | } 72 | } 73 | ] 74 | }, 75 | plugins: [ 76 | new VueLoaderPlugin(), 77 | new MiniCssExtractPlugin({filename: 'styles.css'}), 78 | new HtmlWebpackPlugin({ 79 | filename: 'index.html', 80 | template: path.resolve(__dirname, '../src/index.ejs'), 81 | minify: { 82 | collapseWhitespace: true, 83 | removeAttributeQuotes: true, 84 | removeComments: true 85 | }, 86 | nodeModules: false 87 | }), 88 | new webpack.DefinePlugin({ 89 | 'process.env.IS_WEB': 'true' 90 | }), 91 | new webpack.HotModuleReplacementPlugin(), 92 | new webpack.NoEmitOnErrorsPlugin() 93 | ], 94 | output: { 95 | filename: '[name].js', 96 | path: path.join(__dirname, '../dist/web') 97 | }, 98 | resolve: { 99 | alias: { 100 | '@': path.join(__dirname, '../src/renderer'), 101 | 'vue$': 'vue/dist/vue.esm.js' 102 | }, 103 | extensions: ['.js', '.vue', '.json', '.css'] 104 | }, 105 | target: 'web' 106 | } 107 | 108 | /** 109 | * Adjust webConfig for production settings 110 | */ 111 | if (process.env.NODE_ENV === 'production') { 112 | webConfig.devtool = '' 113 | 114 | webConfig.plugins.push( 115 | new MinifyPlugin(), 116 | new CopyWebpackPlugin([ 117 | { 118 | from: path.join(__dirname, '../static'), 119 | to: path.join(__dirname, '../dist/web/static'), 120 | ignore: ['.*'] 121 | } 122 | ]), 123 | new webpack.DefinePlugin({ 124 | 'process.env.NODE_ENV': '"production"' 125 | }), 126 | new webpack.LoaderOptionsPlugin({ 127 | minimize: true 128 | }) 129 | ) 130 | } 131 | 132 | module.exports = webConfig 133 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | dist/electron/* 3 | dist/web/* 4 | build/* 5 | !build/icons 6 | node_modules/ 7 | npm-debug.log 8 | npm-debug.log.* 9 | thumbs.db 10 | !.gitkeep 11 | build/ 12 | 13 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | osx_image: xcode8.3 2 | sudo: required 3 | dist: trusty 4 | language: c 5 | matrix: 6 | include: 7 | - os: osx 8 | - os: linux 9 | env: CC=clang CXX=clang++ npm_config_clang=1 10 | compiler: clang 11 | cache: 12 | directories: 13 | - node_modules 14 | - "$HOME/.electron" 15 | - "$HOME/.cache" 16 | addons: 17 | apt: 18 | packages: 19 | - libgnome-keyring-dev 20 | - icnsutils 21 | before_install: 22 | - mkdir -p /tmp/git-lfs && curl -L https://github.com/github/git-lfs/releases/download/v1.2.1/git-lfs-$([ 23 | "$TRAVIS_OS_NAME" == "linux" ] && echo "linux" || echo "darwin")-amd64-1.2.1.tar.gz 24 | | tar -xz -C /tmp/git-lfs --strip-components 1 && /tmp/git-lfs/git-lfs pull 25 | - if [[ "$TRAVIS_OS_NAME" == "linux" ]]; then sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils; fi 26 | install: 27 | - nvm install 10 28 | - curl -o- -L https://yarnpkg.com/install.sh | bash 29 | - source ~/.bashrc 30 | - npm install -g xvfb-maybe 31 | - yarn 32 | script: 33 | - yarn run build 34 | branches: 35 | only: 36 | - master 37 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # electron-vue-cli 2 | 3 | > An electron-vue project 4 | > 有问题请可联系 QQ 772748611 或 邮箱 jyliyue@qq.com 5 | 6 | #### Build Setup 7 | 8 | ``` bash 9 | # install dependencies 10 | npm install 11 | 12 | # serve with hot reload at localhost:9080 13 | npm run dev 14 | 15 | # build electron application for production 16 | npm run build 17 | 18 | 19 | ``` 20 | 21 | --- 22 | 23 | This project was generated with [electron-vue](https://github.com/SimulatedGREG/electron-vue) using [vue-cli](https://github.com/vuejs/vue-cli). Documentation about the original structure can be found [here](https://simulatedgreg.gitbooks.io/electron-vue/content/index.html). 24 | -------------------------------------------------------------------------------- /appveyor.yml: -------------------------------------------------------------------------------- 1 | version: 0.1.{build} 2 | 3 | branches: 4 | only: 5 | - master 6 | 7 | image: Visual Studio 2017 8 | platform: 9 | - x64 10 | 11 | cache: 12 | - node_modules 13 | - '%APPDATA%\npm-cache' 14 | - '%USERPROFILE%\.electron' 15 | - '%USERPROFILE%\AppData\Local\Yarn\cache' 16 | 17 | init: 18 | - git config --global core.autocrlf input 19 | 20 | install: 21 | - ps: Install-Product node 8 x64 22 | - git reset --hard HEAD 23 | - yarn 24 | - node --version 25 | 26 | build_script: 27 | - yarn build 28 | 29 | test: off 30 | -------------------------------------------------------------------------------- /dist/electron/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/dist/electron/.gitkeep -------------------------------------------------------------------------------- /dist/web/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/dist/web/.gitkeep -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "electron-vue", 3 | "version": "1.0.0", 4 | "author": "jiangliyue <772748611@qq.com>", 5 | "description": "An electron-vue project", 6 | "license": null, 7 | "main": "./dist/electron/main.js", 8 | "scripts": { 9 | "build": "node .electron-vue/build.js && electron-builder", 10 | "build:dir": "node .electron-vue/build.js && electron-builder --dir", 11 | "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js", 12 | "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js", 13 | "dev": "node .electron-vue/dev-runner.js", 14 | "pack": "npm run pack:main && npm run pack:renderer", 15 | "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js", 16 | "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js", 17 | "postinstall": "" 18 | }, 19 | "build": { 20 | "productName": "electron-vue", 21 | "appId": "com.example.electron-vue", 22 | "directories": { 23 | "output": "build" 24 | }, 25 | "publish": [ 26 | { 27 | "provider": "generic", 28 | "url": "http://116.85.5.71:8080/" 29 | } 30 | ], 31 | "asar": false, 32 | "files": [ 33 | "dist/electron/**/*" 34 | ], 35 | "dmg": { 36 | "contents": [ 37 | { 38 | "x": 410, 39 | "y": 150, 40 | "type": "link", 41 | "path": "/Applications" 42 | }, 43 | { 44 | "x": 130, 45 | "y": 150, 46 | "type": "file" 47 | } 48 | ] 49 | }, 50 | "mac": { 51 | "icon": "static/icons/icon.icns" 52 | }, 53 | "win": { 54 | "icon": "static/icons/icon.ico", 55 | "target": [ 56 | { 57 | "target": "nsis", 58 | "arch": [ 59 | "ia32" 60 | ] 61 | } 62 | ] 63 | }, 64 | "linux": { 65 | "icon": "static/icons/icon.ico" 66 | } 67 | }, 68 | "dependencies": { 69 | "axios": "^0.18.0", 70 | "electron-updater": "^4.3.5", 71 | "vue": "^2.5.16", 72 | "vue-electron": "^1.0.6", 73 | "vue-router": "^3.0.1", 74 | "vuex": "^3.0.1", 75 | "vuex-electron": "^1.0.0" 76 | }, 77 | "devDependencies": { 78 | "ajv": "^6.5.0", 79 | "babel-core": "^6.26.3", 80 | "babel-loader": "^7.1.4", 81 | "babel-minify-webpack-plugin": "^0.3.1", 82 | "babel-plugin-transform-runtime": "^6.23.0", 83 | "babel-preset-env": "^1.7.0", 84 | "babel-preset-stage-0": "^6.24.1", 85 | "babel-register": "^6.26.0", 86 | "cfonts": "^2.1.2", 87 | "chalk": "^2.4.1", 88 | "child_process": "^1.0.2", 89 | "copy-webpack-plugin": "^4.5.1", 90 | "cross-env": "^5.1.6", 91 | "css-loader": "^0.28.11", 92 | "del": "^3.0.0", 93 | "devtron": "^1.4.0", 94 | "electron": "^4.0.1", 95 | "electron-builder": "^20.19.2", 96 | "electron-debug": "^1.5.0", 97 | "electron-devtools-installer": "^2.2.4", 98 | "file-loader": "^1.1.11", 99 | "html-webpack-plugin": "^3.2.0", 100 | "less": "^4.1.0", 101 | "less-loader": "^7.2.1", 102 | "mini-css-extract-plugin": "0.4.0", 103 | "multispinner": "^0.2.1", 104 | "node-loader": "^0.6.0", 105 | "node-machine-id": "^1.1.12", 106 | "path": "^0.12.7", 107 | "style-loader": "^0.21.0", 108 | "url-loader": "^1.0.1", 109 | "vue-html-loader": "^1.2.4", 110 | "vue-loader": "^15.2.4", 111 | "vue-qr": "^2.3.0", 112 | "vue-style-loader": "^4.1.0", 113 | "vue-template-compiler": "^2.5.16", 114 | "webpack": "^4.15.1", 115 | "webpack-cli": "^3.0.8", 116 | "webpack-dev-server": "^3.1.4", 117 | "webpack-hot-middleware": "^2.22.2", 118 | "webpack-merge": "^4.1.3" 119 | } 120 | } 121 | -------------------------------------------------------------------------------- /src/config/index.js: -------------------------------------------------------------------------------- 1 | const { build, version } = require('../../package.json') 2 | 3 | const config = { 4 | version: version, // 版本号 5 | appName: build.productName, // 鼠标悬停显示 6 | isAutoOpen: false, // 开机自启 7 | isOnlyOpen: true, // 窗口唯一 8 | isUseTray: true, // 使用托盘 9 | isDefineClose: true, // 自定义关闭按钮(最小化禁用关闭事件) 10 | isAutoUpdate: true, // 自动更新 11 | updateUrl: build.publish[0].url, // 检测更新地址 12 | } 13 | 14 | export default config -------------------------------------------------------------------------------- /src/index.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | electron-vue 6 | <% if (htmlWebpackPlugin.options.nodeModules) { %> 7 | 8 | 11 | <% } %> 12 | 13 | 14 |
15 | 16 | <% if (!require('process').browser) { %> 17 | 20 | <% } %> 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /src/main/index.dev.js: -------------------------------------------------------------------------------- 1 | // Install `electron-debug` with `devtron` 2 | require('electron-debug')({ showDevTools: true }) 3 | 4 | // Require `main` process to boot app 5 | require('./index') -------------------------------------------------------------------------------- /src/main/index.js: -------------------------------------------------------------------------------- 1 | import { app, BrowserWindow, ipcMain, dialog } from 'electron' 2 | import initSys from '../system/index.js' 3 | /* 需要调试插件在此处引入 */ 4 | if (process.env.NODE_ENV !== 'development') { 5 | global.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\') 6 | } 7 | // // 用一个 Tray 来表示一个图标,这个图标处于正在运行的系统的通知区 ，通常被添加到一个 context menu 上. 8 | // const Menu = electron.Menu; 9 | // const Tray = electron.Tray; 10 | // // 托盘对象 11 | // let appTray = null; 12 | let mainWindow 13 | const winURL = process.env.NODE_ENV === 'development' 14 | ? `http://localhost:9080` 15 | : `file://${__dirname}/index.html` 16 | 17 | function createWindow () { 18 | /** 19 | * Initial window options 20 | */ 21 | mainWindow = new BrowserWindow({ 22 | height: 512, 23 | width: 720, 24 | skipTaskbar: true, 25 | icon: __static+'/icons/icon.ico' // sets window icon 26 | }) 27 | mainWindow.loadURL(winURL) 28 | // 初始化系统配置 29 | initSys(app, mainWindow) 30 | } 31 | 32 | 33 | app.on('ready', createWindow) 34 | 35 | app.on('window-all-closed', () => { 36 | // if (process.platform !== 'darwin') { 37 | // app.quit() 38 | // } 39 | }) 40 | 41 | app.on('activate', () => { 42 | if (mainWindow === null) { 43 | createWindow() 44 | } 45 | }) 46 | 47 | -------------------------------------------------------------------------------- /src/main/utils/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/src/main/utils/index.js -------------------------------------------------------------------------------- /src/renderer/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 19 | -------------------------------------------------------------------------------- /src/renderer/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/src/renderer/assets/.gitkeep -------------------------------------------------------------------------------- /src/renderer/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/src/renderer/assets/logo.png -------------------------------------------------------------------------------- /src/renderer/components/update-handle.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 40 | 41 | 42 | 117 | -------------------------------------------------------------------------------- /src/renderer/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import axios from 'axios' 3 | 4 | import App from './App' 5 | import router from './router' 6 | import store from './store' 7 | // import "bootstrap/dist/css/bootstrap.css" 8 | 9 | if (!process.env.IS_WEB) Vue.use(require('vue-electron')) 10 | Vue.http = Vue.prototype.$http = axios 11 | Vue.config.productionTip = false 12 | 13 | /* eslint-disable no-new */ 14 | new Vue({ 15 | components: { App }, 16 | router, 17 | store, 18 | template: '' 19 | }).$mount('#app') 20 | -------------------------------------------------------------------------------- /src/renderer/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | 4 | Vue.use(Router) 5 | 6 | export default new Router({ 7 | routes: [ 8 | { 9 | path: '/', 10 | name: 'index', 11 | component: () => import('@/views/index') 12 | }, 13 | { 14 | path: '*', 15 | redirect: '/' 16 | } 17 | ] 18 | }) 19 | -------------------------------------------------------------------------------- /src/renderer/store/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | import { createPersistedState, createSharedMutations } from 'vuex-electron' 5 | 6 | import modules from './modules' 7 | 8 | Vue.use(Vuex) 9 | 10 | export default new Vuex.Store({ 11 | modules, 12 | plugins: [ 13 | createPersistedState(), 14 | createSharedMutations() 15 | ], 16 | strict: process.env.NODE_ENV !== 'production' 17 | }) 18 | -------------------------------------------------------------------------------- /src/renderer/store/modules/Counter.js: -------------------------------------------------------------------------------- 1 | const state = { 2 | main: 0 3 | } 4 | 5 | const mutations = { 6 | DECREMENT_MAIN_COUNTER (state) { 7 | state.main-- 8 | }, 9 | INCREMENT_MAIN_COUNTER (state) { 10 | state.main++ 11 | } 12 | } 13 | 14 | const actions = { 15 | someAsyncTask ({ commit }) { 16 | // do something async 17 | commit('INCREMENT_MAIN_COUNTER') 18 | } 19 | } 20 | 21 | export default { 22 | state, 23 | mutations, 24 | actions 25 | } 26 | -------------------------------------------------------------------------------- /src/renderer/store/modules/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * The file enables `@/store/index.js` to import all vuex modules 3 | * in a one-shot manner. There should not be any reason to edit this file. 4 | */ 5 | 6 | const files = require.context('.', false, /\.js$/) 7 | const modules = {} 8 | 9 | files.keys().forEach(key => { 10 | if (key === './index.js') return 11 | modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default 12 | }) 13 | 14 | export default modules 15 | -------------------------------------------------------------------------------- /src/renderer/views/index.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 45 | 46 | 59 | -------------------------------------------------------------------------------- /src/system/index.js: -------------------------------------------------------------------------------- 1 | import config from '../config/index' 2 | import initAutoOpen from './initAutoOpen' 3 | import initAutoUpdate from './initAutoUpdate' 4 | import initOnlyOpen from './initOnlyOpen' 5 | import initUseTray from './initUseTray' 6 | import initDefineClose from './initDefineClose' 7 | 8 | function initSys(app, mainWindow) { 9 | if (config.isAutoOpen) { 10 | initAutoOpen(app) 11 | } 12 | if (config.isAutoUpdate) { 13 | if (!config.updateUrl) { 14 | console.log('Please set updateUrl right!') 15 | } else { 16 | initAutoUpdate(app, mainWindow, config.updateUrl) 17 | } 18 | } 19 | if (config.isOnlyOpen) { 20 | initOnlyOpen(app, mainWindow) 21 | } 22 | if (config.isUseTray) { 23 | initUseTray(app, mainWindow) 24 | } 25 | if (config.isDefineClose) { 26 | initDefineClose(app, mainWindow) 27 | } 28 | } 29 | 30 | export default initSys -------------------------------------------------------------------------------- /src/system/initAutoOpen.js: -------------------------------------------------------------------------------- 1 | import path from 'path' 2 | 3 | function initAutoOpen(app) { 4 | const exeName = path.basename(process.execPath) 5 | app.setLoginItemSettings({ 6 | openAtLogin: true, // 登录启动 7 | openAsHidden: false, // mac 以隐藏方式启动 8 | path: process.execPath, // 启动时的执行文件 9 | args: [ 10 | '--processStart', `"${exeName}"`, 11 | ] // 命令参数 12 | }) 13 | } 14 | 15 | export default initAutoOpen -------------------------------------------------------------------------------- /src/system/initAutoUpdate.js: -------------------------------------------------------------------------------- 1 | import { autoUpdater } from "electron-updater" 2 | import { ipcMain } from 'electron' 3 | 4 | function initAutoUpdate(app, mainWindow, updateUrl) { 5 | // 设置更新地址 6 | autoUpdater.setFeedURL(updateUrl) 7 | // 通过main进程发送事件给renderer进程，提示更新信息 8 | function sendUpdateMessage(text) { 9 | mainWindow.webContents.send('message', text) 10 | } 11 | // 更新状态 12 | const returnData = { 13 | error: { status: -1, msg: '检测更新查询异常' }, 14 | checking: { status: 0, msg: '正在检查应用程序更新' }, 15 | updateAva: { status: 1, msg: '检测到新版本，正在下载,请稍后' }, 16 | updateNotAva: { status: -2, msg: '您现在使用的版本为最新版本,无需更新!' }, 17 | } 18 | // 更新错误 19 | autoUpdater.on('error', function (error) { 20 | sendUpdateMessage(error) 21 | }) 22 | //检查中 23 | autoUpdater.on('checking-for-update', () => { 24 | sendUpdateMessage(returnData.checking) 25 | }) 26 | //发现新版本 27 | autoUpdater.on('update-available', function (info) { 28 | sendUpdateMessage(returnData.updateAva) 29 | }) 30 | //当前版本为最新版本 31 | autoUpdater.on('update-not-available', function (info) { 32 | setTimeout(function () { 33 | sendUpdateMessage(returnData.updateNotAva) 34 | }, 1000); 35 | }) 36 | // 更新下载进度事件 37 | autoUpdater.on('download-progress', function (progressObj) { 38 | setTimeout(function () { 39 | sendUpdateMessage(100) 40 | }, 1000); 41 | mainWindow.webContents.send('downloadProgress', progressObj) 42 | }) 43 | // 下载成功回调 44 | autoUpdater.on('update-downloaded', function (event, releaseNotes, releaseName, releaseDate, updateUrl, quitAndUpdate) { 45 | ipcMain.on('isUpdateNow', (e, arg) => { 46 | //some code here to handle event 47 | autoUpdater.quitAndInstall(); 48 | }); 49 | mainWindow.webContents.send('isUpdateNow') 50 | }) 51 | //执行自动更新检查 52 | ipcMain.on('checkForUpdate', (event, res) => { 53 | console.log('执行更新') 54 | autoUpdater.checkForUpdates() 55 | }) 56 | } 57 | 58 | export default initAutoUpdate -------------------------------------------------------------------------------- /src/system/initDefineClose.js: -------------------------------------------------------------------------------- 1 | function initDefineClose(app, mainWindow) { 2 | mainWindow.on('close', (e) => { 3 | e.preventDefault(); // 阻止默认行为 4 | if (mainWindow.isMinimized()){ 5 | mainWindow = null; 6 | } else { 7 | mainWindow.minimize(); 8 | } 9 | }) 10 | } 11 | 12 | export default initDefineClose 13 | -------------------------------------------------------------------------------- /src/system/initOnlyOpen.js: -------------------------------------------------------------------------------- 1 | function initOnlyOpen(app, mainWindow) { 2 | const gotTheLock = app.requestSingleInstanceLock() 3 | if (!gotTheLock) { 4 | app.quit() 5 | } else { 6 | app.on('second-instance', (event, commandLine, workingDirectory) => { 7 | // 当运行第二个实例时,将会聚焦到mainWindow这个窗口 8 | if (mainWindow) { 9 | if (mainWindow.isMinimized()) mainWindow.restore() 10 | mainWindow.focus() 11 | mainWindow.show() 12 | } 13 | }) 14 | } 15 | } 16 | 17 | export default initOnlyOpen -------------------------------------------------------------------------------- /src/system/initUseTray.js: -------------------------------------------------------------------------------- 1 | import { dialog } from 'electron' 2 | import electron from 'electron' 3 | import config from '../config/index' 4 | // 用一个 Tray 来表示一个图标,这个图标处于正在运行的系统的通知区 ，通常被添加到一个 context menu 上. 5 | const Menu = electron.Menu; 6 | const Tray = electron.Tray; 7 | // 托盘对象 8 | let appTray = null; 9 | function initUseTray(app, mainWindow) { 10 | let trayMenuTemplate = [ 11 | { 12 | label: '打开', 13 | click: function () { 14 | mainWindow.show(); 15 | } 16 | }, 17 | { 18 | label: '退出', 19 | click: function () { 20 | dialog.showMessageBox({ 21 | type: 'info', 22 | title: '关闭', 23 | message: '是否确认退出？', 24 | buttons: ['最小化','直接退出'] 25 | }, res => { 26 | if (res === 0) { 27 | if(mainWindow.isMinimized()){ 28 | mainWindow = null; 29 | }else{ 30 | mainWindow.minimize(); 31 | } 32 | } else { 33 | mainWindow = null; 34 | app.exit(); //exit()直接关闭客户端，不会执行quit(); 35 | } 36 | }) 37 | } 38 | } 39 | ] 40 | // 系统托盘图标 41 | let trayIcon = __static + '/icons/icon.png' 42 | appTray = new Tray(trayIcon) 43 | //图标的上下文菜单 44 | const contextMenu = Menu.buildFromTemplate(trayMenuTemplate) 45 | //设置此托盘图标的悬停提示内容 46 | appTray.setToolTip(config.appName) 47 | //设置此图标的上下文菜单 48 | appTray.setContextMenu(contextMenu) 49 | //单击右下角小图标显示应用 50 | appTray.on('click',function(){ 51 | mainWindow.show(); 52 | }) 53 | } 54 | 55 | export default initUseTray 56 | -------------------------------------------------------------------------------- /static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/static/.gitkeep -------------------------------------------------------------------------------- /static/download/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/static/download/.gitkeep -------------------------------------------------------------------------------- /static/icons/icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/static/icons/icon.icns -------------------------------------------------------------------------------- /static/icons/icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/static/icons/icon.ico -------------------------------------------------------------------------------- /static/icons/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jyliyue/electron-vue-cli/37be7c043d6541d7e111c4300e837bba57d8c12a/static/icons/icon.png -------------------------------------------------------------------------------- /vetur.config.js: -------------------------------------------------------------------------------- 1 | // vetur.config.js 2 | module.exports = { 3 | // vetur配置，会覆盖vscode中的设置。 default: `{}` 4 | settings: { 5 | "vetur.useWorkspaceDependencies": true, 6 | "vetur.experimental.templateInterpolationService": true 7 | }, 8 | // 普通项目采用默认配置 default: `[{ root: './' }]` 9 | } 10 | --------------------------------------------------------------------------------