前端开发环境搭建

Table of Contents

  1. 基本软件篇(base)
    1. scoop
  2. powershell美化
  3. 常用软件篇
    1. 编辑器相关
    2. 前端开发软件
    3. 开发所需辅助软件
    4. 持续集成

Notes: 本文主要针对的系统环境是win10

基本软件篇(base)

scoop

Scoop is a command-line installer for Windows.

scoop是一款类似于 unix 系统上apt,yum,brew等工具软件,使得 windows 上
软件安装业余如丝滑般体验,并且它还是一款开源软件,相比于chocolatey有其独特的优势,安装方式iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
开发常用的基础软件基本都能找到,而且软件仓库还在持续更新。

powershell美化

scoop install concfg
concfg import solarized
scoop install pshazz

因为window自带终端编码的问题,需要先下载终端中支持中文的字体,如DejaVuSansMono,另外,即使这样,中文字符会重叠,这里有解决方案,

特别说明
现在可以直接使用wslvscode


常用软件篇(common)

编辑器(IDE)

1 IDE(集成开发环境,收费不推荐)

  • webstorm
  • intelij IDEA(java)

2 编辑器

前端开发软件(fe)

  • node工具链

    • eruda/weinre/vorlon/imitor/pure/browser-sync(调试工具)
  • chrome (最好用的浏览器)

  • git/svn (版本管理)

    • sourceTree(git GUI)
  • whistle/fiddler/charels (线上代码调试工具)

开发所需辅助软件(auxiliary)

  • photoshop (图像处理)
  • 2345 看图王(查看图片,支持 psd)
  • pxcook(ps 插件,用于标注)
  • mobaXterm / babun/ xshell (ssh 工具)
  • scrcpy / vysor(手机屏幕共享)
  • devdocs 文档搜索,类似 dash
  • datahub 数据平台
  • Listary /wox / everything 类似 MacOS alfred (查找文件)
  • shadowsocks(梯子)
  • teamviewer(远程控制,无需公网 ip 亦可)
  • docker (功能十分强大,主要用于统一开发、部署环境)
  • virtualbox (虚拟机)
  • vagrant(虚拟机管理软件)
  • ngrok / frp / nps 内网映射工具

持续集成(ci)

  • Macaca/strider/CIZE/travis/github action/gitlab runner/jenkins