Chalk

【原创】从零开始搭建Electron+Vue+Webpack项目框架(二)vue全家桶+webpack项目框架搭建

隐身守侯 提交于 2020-04-21 07:19:09
导航: (一)Electron跑起来 (二)从零搭建Vue全家桶+webpack项目框架 (三)Electron+Vue+Webpack,联合调试整个项目 (四)Electron配置润色 (五)预加载及自动更新 (六)构建、发布整个项目(包括client和web) 摘要 : 上篇文章说到了如何新建工程,并启动一个最简单的Electron应用。“跑起来”了Electron,那就接着把Vue“跑起来”吧。有一点需要说明的是,webpack是贯穿这个系列始终的,我也是本着学习的态度,去介绍、总结一些常用到的配置及思路,有不恰当的地方,或者待优化的地方,欢迎留言。项目完整代码: https://github.com/luohao8023/electron-vue-template 下面开始~~~ 一、安装依赖 vue、webpack:不多说了 vue-loader:解析、转换.vue文件 vue-template-compiler:vue-loader的依赖包,但又独立于vue-loader,简单的说,作用就是使用这个插件将template语法转为render函数 webpack-dev-server:快速搭建本地运行环境的工具 webpack-hot-middleware:搭配webpack-dev-server使用,实现热更新 chalk:命令行输出带有颜色的内容 依赖包就介绍这么多

vue获取input焦点,弹框后自动获取input焦点

*爱你&永不变心* 提交于 2020-04-11 14:56:35
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入组件库 --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> </head> <body> <div id="app"> <input type="text" id="one" value="11111"> <h2></h2> <input type="text" id="two" value="22222"> <h2></h2> <input type="text" id="three" value="33333" v-focus> <h2

【问题解决之】Nuxt中安装Ele-ui

别来无恙 提交于 2020-03-14 10:56:26
如果我们在安装Nuxt.js时候忘记安装Ele-ui的环境,那么我们不要着急 首先在项目下 终端运行此命令 npm install element-ui --save 在plugins文件夹下,创建ElementUI.js配置文件 ElementUI.js import Vue from 'vue' import Element from 'element-ui' import locale from 'element-ui/lib/locale/lang/zh-CN' Vue.use(Element, { locale }) 在nuxt.config.js中添加配置 css: [ 'element-ui/lib/theme-chalk/index.css' ], plugins: [ {src: '~/plugins/ElementUI', ssr: true } ], build: { transpile: [/^element-ui/], } 添加时需注意(下图帮助大家快速锁定位置) 本篇问题解到此结束 您的支持就是我进步的动力!~ 来源: oschina 链接: https://my.oschina.net/lixingsikao/blog/3194570

element 局布组件使用

谁说胖子不能爱 提交于 2019-12-24 12:14:43
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> import Vue from 'vue'; import {Loading, Message, MessageBox, Notification} from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.prototype.$alert = MessageBox.alert; Vue.prototype.$confirm = MessageBox.confirm; Vue.prototype.$prompt = MessageBox.prompt; Vue.prototype.$msgbox = MessageBox; Vue.prototype.$message = Message; Vue.prototype.$notify = Notification; Loading.install(Vue); export {Message, Loading, MessageBox, Notification}; 来源: oschina 链接: https://my.oschina.net/u/2552286/blog/3146579