2019-07-25发表常用工具

Webpack 常用 Plugin

安装

1	sudo npm install webpack webpack-cli -g

2018-10-26发表常用工具

IDE 小结

在日常开发中，时常会碰到各种各样的坑，本文总结了开发过程中碰到的常见问题。

VSCode

插件篇

shalldie.background

安装完成后，在setting.json中进行相应配置，详细可以看在插件详情中查看使用文档

部分配置：

{
  "background.enabled": true, // 开关
  // 设置全屏背景图片
  // "background.fullscreen": {
      //   "image": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbkimg.cdn.bcebos.com%2Fpic%2Ff603918fa0ec08fa55410a5859ee3d6d54fbda8f&refer=http%3A%2F%2Fbkimg.cdn.bcebos.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670039224&t=f44f8815ca858834b87a534df461a6e1", // 图片的url
  //   "opacity": 0.88, // 建议值 0.85 ~ 0.95
  //   "size": "cover", // css, 建议使用 `cover`自适应，或者 `contain`、`200px 200px`
  // },
  // 自定义图片及样式
  // "background.useDefault": false, // 是否使用默认图片
  // "background.customImages": [
  //   "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbkimg.cdn.bcebos.com%2Fpic%2Ff603918fa0ec08fa55410a5859ee3d6d54fbda8f&refer=http%3A%2F%2Fbkimg.cdn.bcebos.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670039224&t=f44f8815ca858834b87a534df461a6e1"
  // ],
  "background.style": {
    // "content": "''",
    // "pointer-events": "none",
    // "position": "absolute",
    // "z-index": "99999",
    // "width": "100%",
    "background-position": "98% 100%",
    // "background-repeat": "no-repeat",
    // "background-size": "36vw",
    "opacity": 0.4
  }
}

WS

css 预编译配置

以 scss 为例：

1	npm install sass -g

2018-08-25发表常用工具

npm、yarn 小结

npm

查看 package 版本

1	npm list <package name>

2018-08-01发表常用工具

Grunt 小结

grunt 运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如 option, src, dest 等等。而且不同的插件可能会有自己扩展字段，导致认知成本的提高，运用的时候要搞懂各种插件的配置规则。

2018-06-20发表常用工具

Markdown 常用语法

Markdown 是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。

标题

使用 # 来实现 h1~h6 的标题效果：

1 2	## 这是标题 ### 这是标题 ###

2017-09-16发表常用工具

Git 小结

Git 将服务器代码更新到本地

git status（查看本地分支文件信息，确保更新时不产生冲突）
git checkout – [file name]（若文件有修改，可以还原到最初状态；若文件需要更新到服务器上，应该先merge到服务器，在更新到本地）
git branch（查看当前分支状况）
git checkout [remote branch]（若分支为本地分支，则需要切换到服务器的远程分支）
git pull（若命令执行成功，则更新代码成功）

Webpack 常用 Plugin

安装

IDE 小结

VSCode

插件篇

shalldie.background

WS

css 预编译配置

npm、yarn 小结

npm

查看 package 版本

Grunt 小结

Markdown 常用语法

标题

Git 小结

Git 将服务器代码更新到本地

分类

归档

最新文章

标签