install

如何开发和发布一个Vue插件

两盒软妹~` 提交于 2020-03-09 17:26:51
前言 Vue 项目开发过程中,经常用到插件,比如原生插件 vue-router 、 vuex ,还有 element-ui 提供的 notify 、 message 等等。这些插件让我们的开发变得更简单更高效。那么 Vue 插件是怎么开发的呢?如何自己开发一个 Vue 插件然后打包发布到npm? 本文涉及技术点: Vue 插件的本质 Vue.extend() 全局方法 如何手动挂载 Vue 实例 Vue.use() 的原理 如何打包成 umd 格式 发布前如何测试 npm 包 一、定义 什么是Vue插件,它和Vue组件有什么区别?来看一下官网的解释: “插件通常用来为 Vue 添加全局功能。” “组件是可复用的 Vue 实例,且带有一个名字。” —— Vue.js 官网 Emmmm,似乎好像有种朦胧美。。。 我来尝试解释一下,其实, Vue 插件 和 Vue组件 只是在 Vue.js 中包装的两个概念而已,不管是插件还是组件,最终目的都是为了实现逻辑复用。它们的本质都是对代码逻辑的封装,只是封装方式不同而已。在必要时,组件也可以封装成插件,插件也可以改写成组件,就看实际哪种封装更方便使用了。 除此之外,插件是全局的,组件可以全局注册也可以局部注册。 我们今天只聚焦 Vue 插件。 插件一般有下面几种: 添加全局方法或者属性。如: vue-custom-element 添加全局资源

每一个新日子都是一次机会,让你成为最好的人(第十二周)

天涯浪子 提交于 2020-03-09 11:52:47
配置chrony服务,实现服务器时间自动同步 安装chrony服务yum install chrony -y 查看安装完成的状态 编辑vim /etc/chrony.conf,修改为阿里的时间服务器;然后打开允许其他服务访问; 启动和开机启动chrony服务 查看chrony的服务时间 将其他服务器,如node2节点指向node1的时间服务器192.168.1.17 在node2上安装yum install chrony -y;然后配置配置文件 vim /etc/chrony.conf 手动执行timedatectl set-ntp yes进行时间同步 查看状态完成时间同步 二、 实现cobbler+pxe自动化装机 实验环境 cat /etc/RedHat-release ifconfig systemctl stop firewalld.service systemctl disable firewalld.service setenforce =0 vim /etc/selinux/config SELINUX=disabled 安装Cobbler所依赖的相关服务 yum -y install tftp tftp-server dhcp httpd yum install -y syslinux 接着配置dhcp服务,编辑创建dhcp配置文件 mv /usr/share

NPM使用介绍

℡╲_俬逩灬. 提交于 2020-03-09 11:23:29
NPM是随同NodeJS一起安装的包管理工具 允许用户从NPM服务器下载别人编写的第三方包到本地使用 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用 由于新版的nodejs已经集成了npm,所以npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装 如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级 sudo npm install npm -g /usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js npm@2.14.2 /usr/local/lib/node_modules/npm Window 系统使用以下命令 npm install npm -g 使用淘宝镜像的命令 npm install -g cnpm --registry=https://registry.npm.taobao.org npm 安装 Node.js 模块语法格式 npm install <Module Name> 如果淘宝镜像就是cnpm 使用 npm 命令安装常用的 Node.js web框架模块 express npm install express 安装好之后,express 包就放在了工程目录下的

安装解压版本Node与VSCode插件

倾然丶 夕夏残阳落幕 提交于 2020-03-09 10:54:59
1.node-v8.12-win-x64.zip 将压缩包解压。Cmd命令 cd进入解压缩的目录 输入 命令 npm config set registry "https://registry.npm.taobao.org/" npm config list npm install webpack -g npm install eslint -g npm install eslint-config-standard –g 2.安装VSCodeSetup-x64-25.0.exe 安装后打开后 ctrl+shift+X 。 或者在View中找到快捷方式是ctrl+shift+X的extensions点击。 输入 Language 找到中文简体,install安装。安装完成后重启。 安装插件 abusaidm.html-snippets-0.2.1 HTML Snippets dbaeumer.vscode-eslint-1.4.12 eslint eg2.vscode-npm-script-0.3.4 Node npm esbenp.prettier-vscode-1.5.0 Prettier - Code formatter formulahendry.auto-close-tag-0.5.6 Auto Close Tag formulahendry.auto-rename-tag

解析Dockerfile

妖精的绣舞 提交于 2020-03-09 09:33:48
Dockerfile就是一个描述镜像具体组成的具体文件,可以根据这个文件构建镜像。 FROM:指定基础镜像 FROM centos:7 MAINTAINER:镜像维护信息 MAINTAINER Benjamin Yang <133xxxx2282@163.com> RUN:执行命令 RUN ["yum", "install", "httpd"] RUN yum install httpd COPY:复制文本 COPY <源路径>... <目标路径> COPY ["<源路径1>",... "<目标路径>"] <源路径> 可以是多个、以及使用通配符,通配符规则满足Go的filepath.Match 规则,如:COPY *.txt /workdir/ COPY hom?.txt /mydir/ <目标路径>使用 COPY 指令,源文件的各种元数据都会保留。比如读、写、执行权限、文件变更时间等。 ADD:高级复制文件 ADD jdk-8u45-linux-x64.tar.gz / <源路径> 可以是一个 URL ,下载后的文件权限自动设置为 600 。 CMD:容器启动命令 shell 格式: CMD <命令> exec 格式: CMD ["可执行文件", "参数1", "参数2"...] CMD nginx -g "daemon off;" CMD ["nginx", "-g",

vs2015 编译 google protobuf 3.5.1

你说的曾经没有我的故事 提交于 2020-03-09 09:23:11
下载 protobuf 3.5.1: https://github.com/google/protobuf/releases/download/v3.5.1/protobuf-all-3.5.1.zip cmake: https://cmake.org 我用的是 https://cmake.org/files/v3.11/cmake-3.11.0-rc2-win64-x64.msi 编译 使用 VS2015开发人员命令提示 进入 protobuf 的 cmake 目录 执行命令: mkdir release & cd release cmake -G "NMake Makefiles" -DCMAKE_BUILD_TYPE=Release -Dprotobuf_BUILD_TESTS=OFF -DCMAKE_INSTALL_PREFIX=../../../../install ../.. nmake nmake install ----- mkdir debug & cd debug cmake -G "NMake Makefiles" -DCMAKE_BUILD_TYPE=Debug -DCMAKE_INSTALL_PREFIX=../../../../install ../.. nmake nmake install 来源: https://www.cnblogs.com

ProtocolBuffer 使用及 一些坑

空扰寡人 提交于 2020-03-09 08:42:56
Protocol Buffers,是 Google公司开发的一种数据描述语言,类似于 XML能够将结构化数据序列化,可用于数据存储、通信协议等方面。 /*--> */ /*--> */ ProtocolBuffer 的优势 跨平台: ProtoBuf 支持多平台和语言, 包括C++/Java/Python 等等 序列化 &反序列号 : ProtoBuf支持直接将对象序列化成 Data, 也支持直接将 Data序列化为对象类型 消息大小 :一条消息数据,用 protobuf序列化后的大小是 json的 10分之一, xml格式的 20分之一,是二进制序列化的 10分之一 . 对于即时通信消息来说, 减小数据量的大小非常有必要 /*--> */ /*--> */ 使用地址: https://github.com/alexeyxo/protobuf-swift 1.ruby -e "$ (curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install )" 2.brew install automake 3.brew install libtool 4.brew install protobuf 5.git clone git@github.com:alexeyxo/protobuf-swift

ubuntu清理系统垃圾与备份

冷暖自知 提交于 2020-03-08 23:51:22
虽然linux下不会有windows下的那么多垃圾和磁盘碎片!但还是会留下一些用不着的临时文件或是多次升级后的N个旧的内核! 1,非常有用的清理命令: sudo apt-get autoclean sudo apt-get clean sudo apt-get autoremove 这三个命令主要清理 升级缓存以及无用包的 。 2, 清理opera firefox的缓存文件 : ls ~/.opera/cache4 ls ~/.mozilla/firefox/*.default/Cache 3, 清理Linux下孤立的包 : 图形界面下我们可以用:gtkorphan sudo apt-get install gtkorphan -y 终端命令下我们可以用:deborphan sudo apt-get install deborphan -y 4, 卸载:tracker 这个东西一般我只要安装ubuntu就会第一删掉tracker 他不仅会产生大量的cache文件而且还会影响开机速度。所以在新得利里面删掉就行。 5, 删除多余的内核 :一定不要删错哦,切记!! 打开终端敲命令:dpkg –get-selections|grep linux 有image的就是内核文件 删除老的内核文件: sudo apt-get remove 内核文件名 (例如:linux-image-2.6.27

转:Ubuntu基本命令整理

自古美人都是妖i 提交于 2020-03-08 20:40:15
原文:http://www.cnblogs.com/feisky/archive/2010/03/25/1694867.html sudo: 如何设定/改变/启用 root 使用者的密码:sudo passwd root 当你使用完毕后屏蔽 root 帐号 使用: sudo passwd -l root这个将锁住 root 帐号. 如何在终端机模式下切换到 root 身份: sudo -s -H 在线安装程序:sudo apt-get install g++ pt-get最常用参数: update —-与你的软件源(在/etc/apt/sources.list中列出)更新软件包列表,换源后需要 执行 upgrade —-根据update得到的源软件库与本地已经安装的对比,(如果需要升级就)全部升 级 install —-安装软件包(可以使用tab补全软件包的名字,比较方便) remove —-卸载软件包 purge —-卸载软件包,同时删除该软件的配置文件 source —-从源里下载软件包的源码到当前目录(执行此命令的目录)并解压(除非指定– download-only参数) 该地址由/etc/apt/sources.list中的 deb-src 行指定 check —-用来(自动)修复(已装)软件包之间的依赖关系 clean —-清除/var/cache/apt

npm 杂七杂八

╄→гoц情女王★ 提交于 2020-03-08 18:35:17
npm config set registry https://registry.npm.taobao.org npm install --registry=https://registry.npm.taobao.org npm install phantomjs-prebuilt@2.1.16 --ignore-scripts npm uninstall --save node-sass npm install --save node-sass cnpm uninstall --save node-sass cnpm install --save node-sass node-sass -v npm install node-sass -g cnpm install --save-dev node-sass 下载地址:http://npm.taobao.org/dist/phantomjs/ 来源: https://www.cnblogs.com/sharonzhang/p/12444030.html