最近让朋友把自己以前在家里配的台式给送(快递)过来了,这里要吐槽一下这快递太暴力了吧,我的机箱被搞出好几个窟窿,还好主板没有搞坏…

拿到手后就是一波配置升级,先是换个机箱,两张 8G 内存,一个条 512G 的 SSD,还有鼠标一盒装机螺丝等一些配件,还好我键盘是带着走的哈哈哈哈…不过这就千多块大洋不见了,害,这个月是注定要吃土了

本来想装个 Ubuntu 的,但是一想到我一个这么爱折腾的小伙子,居然不怎么会用 Windows 说出去以后会被人笑的吧…

不过在装系统的时候我以前那个 U盘 好像说什么格式有问题,装系统一直报错于是我又买了个 U盘花了几十大洋,我敲,我一周的饭钱啊…这让我本来就不富裕的生活更是雪上加霜

今天 U盘 终于到了,其实昨天就到了,不过我有点事就没去拿快递,哈哈哈哈

把系统整起来就开始装各种软件,于是我觉得反正都是要装的干脆就记录一下吧

好了,不 BB 了,进入正题

装机必备 Chrome ,哈哈哈哈,反正我拿到新电脑第一个装的软件绝对是 Chrome ,不知道你们装的第一个软件是啥呢,欢迎留言一起讨论鸭…emmmmmm,为啥我感觉有点营销号的味了,最近这梗有点…

官网:https://www.google.com/chrome

当然,这个需要魔法上网才能访问的啦,不过 Google 中国也可以下载哦,这个秘密我一般不告诉别人的哦,下载地址:https://www.google.cn/chrome 。关于chrome 插件的推荐的话,在安装的时候有推荐安装 google 翻译插件建议安装一个,我觉得挺好用的。更多插件的话推荐看看我以前写的 Mac 前端环境搭建的文章我这里就不重复说了,地址:https://bin.zmide.com/?p=301

接下来我们下载一个 Visual Studio Code 吧,当然你喜欢的话也可以下载其他的编辑器我个人还是比较习惯 VS Code 的,如果你用的 VS Code 的话我这边给你推荐几个我用到的插件吧

Windows 前端开发环境搭建-天真的小窝

好了,接下来我们装一个 Git ,官网:https://git-scm.com/download/win 。这个东西就不用我多说了吧,如果要解释的话大概就是用来去 GitHub 偷代码的

接下来我们搭建 Android 开发环境

下载 JDK8,我看了看我们仓库,好像只有 Mac 和 Linux 的 JDK,没有 Windows 的,看来我只有去 oracle 官网下载了,不看不知道一看吓一跳,oracle 官网居然改版了,完全改头换面了,居然有点靓了,给张图你感受一下

Windows 前端开发环境搭建-天真的小窝

我这边直接给个直达 JDK8 的电梯:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

现在好像不用配置环境变量了?我这边安装好后居然自动帮我配置好环境变量了

这边再把 Android Studio 下载安装一下,下载地址:https://developer.android.com/studio 。至于安装嘛,就下一步下一步就好了

安装好 Android studio 我们先下载 Android SDK 然后安装一个模拟器

Windows 前端开发环境搭建-天真的小窝

然后点击 Create Virtual Device… 然后选择手机模型,你随便选吧。然后点击 x86 Images ,我这边就一个 Android 9 的,安装完点击打开模拟器看看效果

好了,现在装一下 Node,我这里打算选择 nvm,当然也可以去官网直接下载

Node 官网地址:https://nodejs.org/en/

我用 nvm 的话主要是可以方便管理多版本 node ,如果你用不到多个版本 node 管理的话其实上官网下载安装就挺方便的,我这里也放一个 nvm-windows 的 GitHub 地址吧:https://github.com/coreybutler/nvm-windows

安装好 nvm 的话我们利用 nvm 来安装 node v12.16.2(这里可根据你的需求安装相应版本或者去官网查看最新版本)并启动,到 CMD 执行

nvm install 12.16.2
nvm use 12.16.2

接下来我们可以用 npm 全局装个 yarn 试试

npm install -g yarn

环境基本差不多了,现在我们拉代码跑一下试试

首先配置一下 ssh-key 用来拉代码的,执行

ssh-keygen.exe

然后点击回车就好了,

Windows 前端开发环境搭建-天真的小窝

然后打开这个文件,拿到公钥

Windows 前端开发环境搭建-天真的小窝

粘贴到你的这个 SSH Keys 点击 Add Key,这样就能拉取项目代码了,Git Hub 也是差不多的操作

接下来就是拉代码跑项目了,这里我就不多讲了…