
No more than code.
TypeScript Importer | Types auto installer | Sort Typescript Imports | Markdown PDF | ||
Markdown Preview Github Styling | git-hidtory | Turbo Console Log | |||
AutoFileName | HTML Snippets | Vue TypeScript Snippets | Vue VSCode Snippets | ||
Polacode - 代码截图 | SVG Viewer | vscode-pdf | vscode-faker | ||
CSS Peek | cssrem | Bracket Pair Colorizer | Emoji | vscode-icons | any-rule(正则) |
Auto Close Tag | Auto Rename Tag | Bracket Pair Colorizer |
Ctrl + F
查找:^\s*(?=\r?$)\n
替换为空
搜索安装插件 cssrem
设置根字体,setting.json ; 改完重启
"cssrem.rootFontSize":100, // 100px -> 1rem
"cssrem.fixedDigits": 2,
// "cssrem.autoRemovePrefixZero": 自动移除0开头的前缀,默认:true。
项目中做 rem 适配
// 屏幕适配
(function(doc, win) {
var docEl = doc.documentElement
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
var recalc = function() {
var clientWidth = docEl.clientWidth
if (!clientWidth) return
docEl.style.fontSize = 100 * (clientWidth / 375) + 'px' // 100px -> 1rem
}
if (!doc.addEventListener) return
win.addEventListener(resizeEvt, recalc, false)
doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window)
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
"<div class='$2'>$5</div>",
"</template>",
"",
"<script>",
"//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)",
"//例如:import 《组件名称》 from '《组件路径》';",
"",
"export default {",
"//import引入的组件需要注入到对象中才能使用",
"components: {},",
"data() {",
"//这里存放数据",
"return {",
"",
"};",
"},",
"//监听属性 类似于data概念",
"computed: {},",
"//监控data中的数据变化",
"watch: {},",
"//方法集合",
"methods: {",
"",
"},",
"//生命周期 - 创建完成(可以访问当前this实例)",
"created() {",
"",
"},",
"//生命周期 - 挂载完成(可以访问DOM元素)",
"mounted() {",
"",
"},",
"beforeCreate() {}, //生命周期 - 创建之前",
"beforeMount() {}, //生命周期 - 挂载之前",
"beforeUpdate() {}, //生命周期 - 更新之前",
"updated() {}, //生命周期 - 更新之后",
"beforeDestroy() {}, //生命周期 - 销毁之前",
"destroyed() {}, //生命周期 - 销毁完成",
"activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发",
"}",
"</script>",
"<style lang='scss' scoped>",
"//@import url($3); 引入公共css类",
"$4",
"</style>"
],
"description": "Log output to console"
}
}
files.trimTrailingWhitespace
vscode 执行 npm 报错: