本着苍蝇虽小也是肉的精神...... 目标: 我们希望每次新建.vue文件后,VSCODE能够根据配置,自动生成我们想要的内容. 方法: 打开VSCODE编辑器,依次选择"文件 -> 首选项 -> 用户代码片段",此时,会弹出一个搜索框,我们输入vue, 如下: 选择vue后,VSCODE会自动打开一个名字为vue.json的文件,复制以下内容到这个文件中: { "Print to console": { "prefix": &quo…

1.为什么要使用单文件工程? 1.Vue.js路由组件的不方便 不支持引用HTML页面,以至于template里面定义的标签会编辑器当字符串,这让编辑变的困难. 2.Vue.js于Node.js语言结合 2.搭建Vue项目环境 2.1. 安装Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台. Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V…

npm安装编辑器组件npm install vue-quill-editor –save 在components文件夹创建ue.vue组件,如下 ue.vue代码如下: <!-- 组件代码如下 --><template> <div> <script id="editor" type="text/plain"></script> </div></template><script&…

开头 笔者之前的文章里介绍过一个代码在线编辑预览工具的实现(传送门:快速搭建一个代码在线编辑预览工具),实现了css.html.js的编辑,但是对于demo场景来说,vue单文件也是一个比较好的代码组织方式,至少笔者就经常在写vue项目的同时顺便写写各种demo,但是分享不太方便,因为单文件不能直接运行看效果,基于此,笔者决定在之前的基础上再增加一个vue单文件的编辑及预览功能. ps.如果没看过之前的文章也没关系,这里简单介绍一下该项目:code-run,基本框架使用的是vue3.x版本, 构…

上次把磁性窗体的源码开源了,这次就开源另一个程序源码:MP3文件ID3信息编辑器.这个源码也比较简单,关键在于获取和写入MP3文件的这个ID3的信息即可. 这个操作信息编辑的就封装在MP3ID3.bas文件中. 这里定义了类型ID3,因为ID3v1的信息是一个固定长度的文本串,所以通过这个类型我们能够看出来. Title是该MP3文件的标题,长度是30个字符 Artist是MP3文件的演唱者,长度是30个字符 Album是MP3问价的专辑,长度是30个字符 sYear是MP3文件发布的年份,长度…

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不是开始的开始 webpack入坑之旅(二)loader入门 webpack入坑之旅(三)webpack.config入门 webpack入坑之旅(四)扬帆起航 webpack入坑之旅(五)加载vue单文件组件 webpack入坑之旅(六)配合vue-router实现SPA 需要什么? 在经过前面的四…

都知道SVN可以比较已经上传的文件的内容,看到两个文件有什么不同的地方. 但是有时候并不想上传想要比较的文件,能不能利用SVN这样一个功能去比较别的两个文件呢? 琢磨来琢磨去, 发现只要在资源管理器里面同时选中两个文件,再在上面点击鼠标右键,选择[TortoiseSVN]→[Diff]就可以了. 效果和新旧版本文件对比是一样的. 这样就不用到处找文件对比软件了,好方便有木有~…

Web Storage分为两类: - sessionStorage:数据保存在session 对象中(临时) - localStorage:数据保存在本地硬件设备中(永久) sessionStorage: 保存数据的两种方法: sessionStorage.setItem('key','val'); sessionStorage.key = 'val'; 读取数据的两种方法: sessionStorage.getItem('key'); var temp = sessionStorage.key…

今天向大家介绍一个使用起来十分方便且功能十分强大的文件对比工具-Beyond Compare. 1    工具下载 工具的下载很简单,百度搜索Beyond Compare即可. 下载完成后,解压缩,双击目录中的“BCompare.exe”即可使用工具了. 2    工具的使用 2.1  文件对比 1. 打开工具后,工具的主界面如下图所示.可以看到我们可以选择多种对比方式,这里先介绍文件对比. 2. 在左侧的目录中选择文本比较,会弹出比较界面.界面分为左右两个部分,分别用于显示我们需要进行的对比两…

/***************************************************************************************** * 文件夹差异文件对比工具 meld * 说明: * 之前就听说Lee使用文件夹文本差异对比软件winmerge,不过如果要在Linux下使用,那么就要 * 装wine才行了,索性还是换一个在Linux下通用的比较好,于是选择了meld. * * 2016-9-15 深圳 南山平山村 曾剑锋 ************…