欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

20200715 - 前端业务项目的日常记录

程序员文章站 2022-03-12 20:01:14
1. vscode快速创建多层子文件夹我们可以在左侧目录列表上新建文件夹的时候,直接输入aa/bb/cc,就可以创建多层子文件夹2. vscode常用插件插件功能Auto Close Tag输入开始标签,可以自动填充结束标签Bracket Pair Colorizer 2彩虹括号,便于分辨匹配的括号Chinese (Simplified) Language Pack for Visual Studio Code设置中文语言highlight-icemode...

1. vscode快速创建多层子文件夹

我们可以在左侧目录列表上新建文件夹的时候,直接输入aa/bb/cc,就可以创建多层子文件夹

2. vscode常用插件

插件 功能
Auto Close Tag 输入开始标签,可以自动填充结束标签
Bracket Pair Colorizer 2 彩虹括号,便于分辨匹配的括号
Chinese (Simplified) Language Pack for Visual Studio Code 设置中文语言
highlight-icemode 查找相同字符串时高亮更加明显
Image preview css引用的图片可以鼠标悬浮预览(左侧行号那边有有小图预览)
vscode-icons 给不同类型(后缀)的文件设置明显、不同的icon,便于识别

3. 预编译stylus的使用

stylus是一个强大的css预编译语言,stylus支持省略花括号,支持省略分号,代码整洁,支持引入,并且支持语法内函数,富于表现力、动态的、健壮的 CSS

需要安装stylus和stylus-loader
npm install stylus stylus-loader --save-dev

特性:

  • 冒号可有可无
  • 分号可有可无
  • 逗号可有可无
  • 括号可有可无

Smile and let everyone know that today you’re a lot stronger than you were yesterday.
用微笑告诉世人,今天的你比昨天更加强大。

本文地址:https://blog.csdn.net/s1092900384/article/details/107369564