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 ...
随机推荐
- 2018百度之星初赛（A）2 度度熊学队列
思路: 记录一下c++ stl中的双向链表list的各种用法. https://blog.csdn.net/fanyun_01/article/details/56881515 实现: #includ ...
- CSS3 基本要素概览
这篇文章将对 CSS 的几个新属性 (text-shadow,box-shadow,and border-radius) 做基本介绍.这些 CSS3 属性通常用来加强页面布局. RGBA 前面的 ...
- Android 滑动RecyclerView时隐藏部分控件
在使用RecyclerView控件时,上下拖动控件时的时候,需要实时的隐藏与显示部分控件,已到达很好的用户体验. 原理很简单,当RecyclerView拖动至最上层时显示控件,当RecyclerV ...
- Android Studio 升级到3.0后出现编译错误\.gradle\caches\transforms-1\files-1.1\*****-release.aar
Android Studio 升级到3.0后出现各种编译问题,其中有一个问题是关于资源找不到的问题,百度了半天,也没有相关的文章 C:\Users.gradle\caches\transforms-1 ...
- C++和ASM文件的互相调用
1. C++调用ASM中的函数,需要在ASM源文件中指定.model flat, c 就是指定以C的形式编译,然后在头文件中用EXTERN_C声明这个头文件就可以了 2. ASM中调用C++函数,需要 ...
- （十）mybatis之配置(mybatis-config.xml)
配置 可以从前篇的文章中知道(https://www.cnblogs.com/NYfor2018/p/9093472.html ),要使用mybatis需要以下配置: 1. mybatis-con ...
- npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org
- FaceBook pop 动画开源框架使用教程说明
https://github.com/facebook/pop Pop is an extensible animation engine for iOS and OS X. In addition ...
- 单源最短路Dijstra
#include<iostream> #include<cstring> #define INF 0x3f3f3f3f using namespace std; ][],d[] ...
- 在Terminal中，如何打开Finder，并显示当前的目录
这是一个非常方便实用的小技巧,在Terminal中输入如下命令: $ open . 有图有真相: 参考: Open Finder in Current Folder from Terminal