控制台
hyper
oh-my-zsh
tmux
Mac: brew install tmux
Ubuntu: sudo apt install tmux
Shell Alias 别名

安装node.js环境

  • 安装npm
    • sudo apt install npm -y
  • 使用n管理node版本
    • sudo npm install -g n
  • 使用n安装node
    • sudo n latest # 最新版本
    • 后续自己可以使用n安装不同版本的node,以及切换node版本
  • 安装yarn
    • sudo npm install yarn

注意

如果这里运行yarn报了错误, 如: ‘… Unexpected end of JSON input.’,此时可以尝试运行命令yarn cache clean --force,强制清除缓存 如果不进行处理,会导致项目依赖不能正常安装;如果使用npm安装,项目可以启动,但是启动后不能正常工作

使用 Setting Sync 来同步设置

修改 hosts

sudo vi /etc/hosts

关于项目中图片的使用

我们项目里面使用的素材图片是有尺寸规范的:

  1. logo之类的小素材原则上不应超过50k
    2. 展示型素材图原则上不应该超过500k
    3. 少量尺寸较大、细节丰富的展示型图片允许在1M以内
    4. 特殊的场景使用的图片(例如大分辨率gif等)才允许超过1M

各位在收到设计给的图片的时候应当关注一下图片体积问题,如果有尺寸不合格的可以让对应设计帮忙调整
所有超过1M的图片应该都属于特殊场景,需要统一经过组长审批

如果咱们后面发现线上有不合理的图片体积过大问题,会同时向对应的前端同学和设计同学问责哦[推眼镜]

希望前端同学能有更好的优化意识,并且能建立如下几个认知:
1. 在选择了适当的压缩算法的前提下,图片体积能够有很明显的改善。体积小并不等于质量差。
2. 并不是所有使用者都有高质量、大带宽的网络。网络传输优化始终是前端体验优化的重点。

ts/js 规范

TypeScript/JavaScript 代码命名规范