新电脑配置前端开发环境

1,600 阅读2分钟

单独操作

1. window单独操作(如果mac想用也可以,但自带的就够用了)

  1. 下载输入法 QQ拼音输入法 或者 搜狗输入法 都行,看自己喜欢。
  2. 压缩软件 7zip
  3. utools 和官网聊的一样,“新一代效率工具平台”

2. Mac 必备

  1. afred
  2. hmebrew

统一操作

  1. chrome 浏览器下载 (可同时进行自己常用的科学上网操作目的,同步chrome书签,google查资料,如无需要可忽略)

    或者 Microsoft Edge 无需科学上网就可同步书签

  2. node 下载链接

    现在node已经是前端开发的必须品了

    npm install -g cnpm --registry=registry.npm.taobao.org

  3. git

    1. 下载: mac和windows的下载操作不太一样

    ​ mac : 直接在终端执行 git --version 如果没装,会自动提示安装 。

    ​ windows:直接下载对应版本安装。下载链接

    1. 配置ssh免密登录ssh-keygen

      1. 在终端输入: ssh-keygen 然后一路回车 会自私生成id_rsa(私钥)和id_rsa.pub(公钥)

      2. 然后(不同环境输入不一样)再输入

        ​ mac: cat ~/.ssh/id_rsa.pub

        ​ Windows: 输入生成的公钥地址,选择记事本打开

      3. 全部拷贝到gitlub 中。

    2. 配置 常用 git 命令别名 windows 在 C:\Program Files\Git\etc\profile 的结尾处 mac 通过 oh-my-zsh 安装 git 插件后自带别名

          alias g='git'
          alias ga='git add'
          alias gb='git branch'
          alias gbd='git branch -d'
          alias gbD='git branch -D'
          alias glg='git log --stat'
          alias glgg='git log --graph'
          alias glo='git log --oneline --decorate'
          alias glog='git log --graph --decorate --oneline'
          alias gcmsg='git commit -m'
          alias gcam='git commit -a -m'
          alias gco='git checkout'
          alias gcp='git cherry-pick'
          alias gcl='git clone'
          alias gd='git diff'
          alias gl='git pull'
          alias gp='git push'
          alias gst='git status'
          alias gm='git merge'
    
  4. vscode 下载链接

    配置 code .命令

    插件篇

  5. webstorm 下载链接

    破解方法

    • Settings/Preferences... -> Plugins 内手动添加第三方插件仓库地址:https://plugins.zhile.io
    • 搜索:IDE Eval Reset插件进行安装。如果搜索不到请注意是否做好了上一步?网络是否通畅?
    • 插件会提示安装成功。
  6. 终端相关

    oh-my-zsh

可能需要

  1. python

推荐软件

  1. Typroa 下载链接

下载 vue主题 下载链接 其他主题 链接

安装和使用

  1. 安装和使用下载的主题

    1. 打开 设置 》外观 〉打开主题文件夹
    2. 把下载的主题解压,把vue文件夹和两个css文件一起拷贝到主题文件夹中
    3. 在主题菜单栏中切换vue主题
    4. 重启软件,切换主题

自己的

mac安利的软件 www.zhihu.com/question/19…

快捷键提示: cheatsheet

媒体播放: www.iina.io/