vscode & code snippets
code snippets
vscode & code snippets
https://github.com/xgqfrms/FEIQA/tree/master/000-xyz/templates
css reset
{
"CSS3 Template": {
"prefix": "c3t",
"body": [
"@charset \"UTf-8\";",
"",
"/* $1.css */\n",
":root {",
" --cololr: #fff;",
" --default-cololr: #000;",
" --new-cololr: #0f0;",
"}",
"",
"html{",
" font-size: 62.5%;",
" /* 10px = 1rem */",
"}",
"",
"* {",
" box-sizing: border-box;",
" -moz-box-sizing: border-box;",
" -webkit-box-sizing: border-box;",
"}",
"",
"html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, th, td, a, img, video {",
" margin: 0;",
" padding: 0;",
" border: 0;",
" outline: 0;",
"}",
"",
],
"description": "CSS3 Template & code snippets!"
}
}
c3t
{
"CSS3 Template": {
"prefix": "c3t",
"body": [
"@charset \"UTf-8\";",
"",
"/* $1.css */\n",
":root {",
" --cololr: $2;",
" --default-cololr: $2;",
" --new-cololr: $3;",
"}",
],
"description": "CSS3 Template & code snippets!"
}
}
js6r
{
"JavaScript ES6 React Template": {
"prefix": "js6r",
"body": [
"\"use strict\";",
"",
"/**",
" * ",
" * @author xgqfrms",
" * @license MIT",
" * @copyright xgqfrms",
" * ",
" * @description $2",
" * @augments $3",
" * @example $4",
" * ",
" */",
"",
"const $2Generator = ($5datas = [], debug = false) => {",
" let result = ``;",
" // do something...",
" return $7result;",
"};",
"",
"",
"",
"export default $2;",
"",
"export {",
" $2,",
"};",
"",
],
"description": "JavaScript ES6 React Template & code snippets!"
}
}h5t
{
"HTML5 Template": {
"prefix": "h5t",
"body": [
"<!DOCTYPE html>",
"<html lang=\"zh-Hans\">",
"<head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
" <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
" <meta name=\"author\" content=\"xgqfrms\">",
" <meta name=\"generator\" content=\"VS code\">",
" <title>$1</title>",
"</head>",
"<body>",
" <section>",
" <h1>$2</h1>",
" <a href=\"https://feiqa.xgqfrms.xyz/index.html\">$3</a>",
" </section>",
"</body>",
"</html>"
],
"description": "HTML5 Template & code snippets!"
}
}
json
{
"NPM JSON Template": {
"prefix": "njt",
"body": [
"{",
" \"name\": \"$1npm node project\",",
" \"description\": \"$2an open source project created by xgqfrms\",",
" \"author\": \"xgqfrms\",",
" \"version\": \"1.1.1\",",
" \"license\": \"MIT\",",
" \"private\": true,",
" \"scripts\": {",
" \"dev\": \"npm run start\",",
" \"app\": \"npm run build\",",
" \"rmrf\": \"rimraf dist/**/*\",",
" \"map\": \"rimraf dist/**/*.map\"",
" },",
" \"bin\": {",
" \"dev\": \"dev\",",
" \"app\": \"app\"",
" },",
" \"keywords\": [",
" \"Node.js\",",
" \"NPM\",",
" \"JS\"",
" ]",
"",
"}"
],
"description": "NPM JSON Template & code snippets!"
}
}
json5
JSON5
{
"JSON5 Template": {
"prefix": "json5",
"body": [
"{",
" \"name\": \"$1npm node project\",",
" \"description\": \"$2an open source project created by xgqfrms\",",
" \"author\": \"xgqfrms\",",
" \"version\": \"1.1.1\",",
" \"license\": \"MIT\",",
" \"private\": true,",
" \"scripts\": {",
" \"dev\": \"npm run start\",",
" \"app\": \"npm run build\",",
" \"rmrf\": \"rimraf dist/**/*\",",
" \"map\": \"rimraf dist/**/*.map\"",
" },",
" \"bin\": {",
" \"dev\": \"dev\",",
" \"app\": \"app\"",
" },",
" \"keywords\": [",
" \"Node.js\",",
" \"NPM\",",
" \"JS\"",
" ]",
"",
"}"
],
"description": "JSON5 Template & code snippets!"
}
}
jsonc
JSON with Comments
{
"JSON with Comments Template": {
"prefix": "jsonc",
"body": [
"{",
" \"name\": \"$1npm node project\",",
" \"description\": \"$2an open source project created by xgqfrms\",",
" \"author\": \"xgqfrms\",",
" \"version\": \"1.1.1\",",
" \"license\": \"MIT\",",
" \"private\": true,",
" \"scripts\": {",
" \"dev\": \"npm run start\",",
" \"app\": \"npm run build\",",
" \"rmrf\": \"rimraf dist/**/*\",",
" \"map\": \"rimraf dist/**/*.map\"",
" },",
" \"bin\": {",
" \"dev\": \"dev\",",
" \"app\": \"app\"",
" },",
" \"keywords\": [",
" \"Node.js\",",
" \"NPM\",",
" \"JS\"",
" ]",
"",
"}"
],
"description": "JSON with Comments Template & code snippets!"
}
}
vscode & code snippets的更多相关文章
- Code Snippets 代码片段
Code Snippets 代码片段 1.Title : 代码片段的标题 2.Summary : 代码片段的描述文字 3.Platform : 可以使用代码片段的平台,有IOS/OS X/ ...
- Xcode开发中 Code Snippets Library 的相关用法
当在进行项目的时候,总会遇到很多相同的写法.因此,我们可以使用Code Snippets Library 来进行代码小片段的“封装”: 以Xcode中常用的属性为例: 使用步骤如下: 1.在Xcode ...
- Xcode开发技巧之Code Snippets Library
http://blog.csdn.net/lin1986lin/article/details/21180007 目录(?)[-] 引言 什么是Code Snippets 如何新建Code Snipp ...
- Problem and Solution Code Snippets
(积累知识,遇到发展,本文仅用于备忘录,不时它需要召回准备) Problem: 依据String的大小来调整Label的frame.在view中又一次更新views的layout并显示. Soluti ...
- Sublime Text3—Code Snippets(自定义代码片段)
摘要 程序员总是会不断的重复写一些简单的代码片段,为了提高编码效率,我们可以把经常用到的代码保存起来再调用. 平时用sublime安装各种插件,使用Tab键快速补全,便是snippets(可译为代码片 ...
- iOS开发－代码片段（Code Snippets）提高开发效率
简介 在 XCode4 引入了一个新特性,那就是“代码片段(Code Snippets)”.对于一些经常用到的代码,抽象成模板放到 Code Snippets 中,使用的时候就只需要键入快捷键就可以了 ...
- Useful code snippets with C++ boost
Useful code snippets with C++ boost Is Punctuation It’s very straight forward to use boost.regex as ...
- vscode插件-JavaScript(ES6) Code Snippets 缩写代表含义
Import and export Trigger Content imp→ imports entire module import fs from 'fs'; imn→ imports entir ...
- Random Javascript code snippets
MollyPages.org"You were wrong case.To live here is to live." Home Pages / Database / Forms ...
随机推荐
- ES-windos环境搭建(3)-kibana
简介 Kibana是一个为ElasticSearch 提供的数据分析的 Web 接口.可使用它对日志进行高效的搜索.可视化.分析等各种操作. 下载 打开elasticseach官网,单击downloa ...
- 前端上传插件Plupload的实际使用（个人实操）
一个主要的页面,其中包裹了一个iframe页面,在项目中,这个iframe页面包裹在主页面的div标签中,主要用于上传文件附件. 用的是plupload.full插件,主要引入以下几个js: jque ...
- arcgis jsapi接口入门系列（10）：图形高亮
jsapi也有提供高亮的实现接口,但这里没用,而用的是一种改变图形(graphic)样式的思路 本文实现效果是:地图有多个面图形,当鼠标移动到面的上方,面高亮显示,鼠标移出后高亮解除 初始化 //高亮 ...
- windows Git的安装和使用
一.本人是根据廖雪峰大神的个人官网学习的git,并有感而发以做笔记的方式写下这篇博客,希望可以帮助到自己和其他人,廖雪峰个人官网http://www.liaoxuefeng.com/ 二.声明我的电脑 ...
- Azure 项目构建 – 构建稳定的直播和点播教学系统
本课程主要介绍了如何在 Azure 平台上快速构建和部署基于 Azure 虚拟机的点播和直播教学系统, 实践讲解如何使用 Azure 门户创建虚拟机,配置视频服务,连接 CDN 加速 等. 具体包括项 ...
- var、let、const声明变量的区别
let和var声明变量的区别:1.let所声明的变量只在let命令所在的代码块内有效.(块级作用域) for(let i=0;i<10;i++){ // ... } console.log(i) ...
- （5）JSTL的xml标签库
Jstl的XML标签库 JSTL提供了操作xml文件的标签库,使用xml标签库可以省去使用Dom和SAX标签库的繁琐,能轻松的读取xml文件的内容. <%@ taglib uri="h ...
- javase(12)_集合框架_Queue
一.Queue Queye接口体系图 体系分析: Deque实现类:ArrayDeque, LinkedList(数组和链表实现双向队列) BlockingDeque实现类:LinkedBlockin ...
- 响应式web设计视图工具及插件总结----20150113
响应式web设计可以说火不火是迟早的,下面就对于最开始的视口调试的方法汇总,希望有好的方法大家一起交流. 1.火狐:从Firefox升级到29.0之后就不直接支持Firesizer了. 先安装Add- ...
- vue-router介绍及简单使用
一.vue-router介绍 vue-router是vue官方提供的一个路由框架,控制页面路由,使用较为方便. 1.路由模式 hash(浏览器环境默认值),使用 URL hash 值来作路由,支持所有 ...