Logo

菜单

发布于 2026-01-06 2 阅读
0

Windows 子系统 Linux 设置

Windows 子系统 Linux 设置

我是Windows用户，之前也用过Linux，但我发现Windows对我来说没那么“宅”，两者各有优缺点。Windows最大的缺点之一就是我开始学习Web开发的时候。

直到 Windows 子系统 Linux 的出现才改变了这一切 🙏

我非常喜欢它，你可以在 Windows 系统中拥有一个 bash shell，并通过它运行所有 node 应用程序。而且，随着 Windows 10 秋季创意者更新，WSL 的设置变得非常简单。

简单介绍一下我发帖的原因：前几天我把笔记本电脑重装了，因为在 Windows 系统下使用 bash 出了问题。部分原因是我在 WSL 环境下使用了nvm，而且我对电脑的运行状况非常不满。现在想想，我当时反应过度了。

因此，我不得不从头开始重新设置我的开发环境。幸运的是，我将所有设置和配置信息保存在 GitHub存储库中，以防我获得新计算机或从灾难性事件（例如计算机被核弹炸毁）中恢复。

以下是我为开发环境设置 Windows 子系统 Linux 的方法。

这是我对 WSL 的具体设置和使用方式的个人看法，也是我下次在 Windows 上从头开始搭建开发环境时的步骤指南。

因此，在从 Microsoft Store 安装WSL并添加默认用户之后，第一件事就是更新和升级所有内容。

sudo apt update
sudo apt -y upgrade
Enter fullscreen mode Exit fullscreen mode

如果您之前没有使用过任何 Linux 发行版，那么-y升级语句中的默认设置是：终端中显示的所有提示都应默认回答“是”。您可能不希望这样做，因为有些程序您可能不想更新，但我希望更新。

升级图像

你不会收到这些信息👆

构建工具

要从 npm 编译和安装原生插件，您可能还需要安装构建工具。我需要它来构建 Gatsby 镜像，而 Gatsby 镜像sharp又使用了node-gyp：

sudo apt install -y build-essential
Enter fullscreen mode Exit fullscreen mode

安装节点

按照 nodejs.org 网站上的说明安装 node 后，我无法获得正确的权限，因此尝试执行npm install任何操作都会出错。我发现使用`using`n命令可以解决问题：

使用以下命令安装节点n

由于是全新安装，我们可以使用n-install命令：

curl -L https://git.io/n-install | bash
Enter fullscreen mode Exit fullscreen mode

这将安装最新稳定版本的 Node.js 👍

脚本运行完毕后，使用以下命令重启 bash：

. /home/my_user_name/.bashrc # the n prompt displays this for you to copy pasta
Enter fullscreen mode Exit fullscreen mode

检查您的 Node 和 npm 版本：

node -v && npm -v
Enter fullscreen mode Exit fullscreen mode

安装鱼🐟

Fish 现在成了我的首选 shell，完全是因为它的自动补全/智能感知功能👌，而且它还有一些很棒的主题可以下载。

sudo apt -y install fish
sudo apt -y upgrade && sudo apt -y autoremove
Enter fullscreen mode Exit fullscreen mode

安装 Oh My Fish | OMF

Oh My Fish 就像 Fish 的一个包管理器，可以安装软件包和主题。

curl -L https://get.oh-my.fish | fish
Enter fullscreen mode Exit fullscreen mode

安装 OMF 主题

omf install clearance
Enter fullscreen mode Exit fullscreen mode

来看看鱼壳是如何运作的：
鱼壳不活动

开端的开始

好了，以上就是 WSL 的基本设置，你现在可能需要设置 Git 了，我已经在 WSL 上使用 HTTPS 的 SSH 一段时间了。

撰写本文时，WSL Git 与 VSCode 的集成尚不完善，因此我已在我的 Windows 机器上安装了 Git。您可以省略此步骤，直接通过终端使用 Git，但我真的很喜欢 VSCode 的 Git 集成。

要在您的机器上设置 SSH，请查看这个方便的 SSH 设置指南。我之所以说 SSH 而不是 HTTPS，是因为我在使用 Git 凭据管理器和密钥环管理器时遇到了各种各样的问题，最终发现创建 SSH 密钥并使用 GitHub 进行身份验证实际上更快——我提供的链接中的指南会指导您完成整个过程。

移动你的点文件

如果您已将所有dotfiles备份到 GitHub 仓库中，那么现在是将它们添加到 WSL 文件夹的好时机。我上次这样做时，是在移动每个文件后手动设置权限，但后来发现rsync应该移动所有文件。

rsync -avzh /mnt/c/Users/dotfiles/ ~/
Enter fullscreen mode Exit fullscreen mode

这会将我文件夹的内容复制dotfiles到~/WSL 中的（主）目录，您可以使用以下命令查看：

ls -la ~/
Enter fullscreen mode Exit fullscreen mode

bash 文件权限错误

我复制了我的.gitconfig.txt文件.gitignore和.npmrc点文件（如图所示），可以看到权限与文件不一致.bashrc。

所以，我目前知道的唯一更改文件权限的方法是chmod使用以下命令获取类似文件的序号stat：

stat -c "%a %n" ~/.*
Enter fullscreen mode Exit fullscreen mode

这将列出所有以“.这是我的”开头的内容：

777 /home/scott/.
755 /home/scott/..
600 /home/scott/.bash_history
644 /home/scott/.bash_logout
644 /home/scott/.bashrc
777 /home/scott/.cache
777 /home/scott/.config
777 /home/scott/.gitconfig
777 /home/scott/.gitignore
777 /home/scott/.local
777 /home/scott/.npm
777 /home/scott/.npmrc
644 /home/scott/.profile
644 /home/scott/.sudo_as_admin_successful
Enter fullscreen mode Exit fullscreen mode

我只想改变现状.gitconfig，.gitignore所以.npmrc我打算这样做：

chmod 644 .gitconfig .gitignore .npmrc
Enter fullscreen mode Exit fullscreen mode

现在我的文件看起来是这样的。👍

bash 文件权限

好了，现在我们已经安装好了最新的 Ubuntu 系统、Node.js 和 fish 终端。当然，接下来还需要安装所有开发所需的全局 npm 包。

感谢阅读🙏

如果我遗漏了什么，或者您有更好的方法，请告诉我。

在Twitter上找到我，或者在 GitHub 上问我任何问题。

这篇文章最初发布在我的博客上。

文章来源：https://dev.to/spences10/windows-subsystem-linux-setup-1gb5
回顾：2017 年我们应该延续到 ...
作为技术领导者所汲取的经验教训