windows系统使用子系统wsl搭建开发环境与Oh-My-Zsh主题

匠心码员
1,055 阅读3分钟

第一步 下载wsl应用

在windows应用商店中根据自己的需求选择搜索一个linux 系统，我选择的是ubuntu image.png

第二步：打开ubuntu

第一次进入窗口可能会提示如下信息（如果没遇到这个信息可以跳过这一步）：

The WSL optional component is not enabled. Please enable it and try again.
See https://aka.ms/wslinstall for details.
Error: 0x8007007e
Press any key to continue...

解决方案：

打开控制面板 ===> 程序 ===> 启用或关闭windows 功能，

系统为64位的 需要勾选 适用于Liunx的windows子系统 、Hyper-v

系统为32位的 需要勾选 适用于Liunx的windows子系统 、虚拟机平台

完成上面设置之后重启电脑即可

image.png

image.png

第三部 ubuntu设置用户名与密码

安装系统之可在开始菜单里找到快捷方式并启动，第一次运行需要等待安装并设置用户名、密码

image.png 输入信息之后就会成功进入到系统内

image.png

第四步 替换源

系统默认源为国外的下载软件会比较， ****我们可以把源替换Ubuntu官方源为阿里云源

先拷贝一份原有的文件以防找回

sudo cp /etc/apt/sources.list /etc/apt/sources.list.back

修改官方源

sudo vim /etc/apt/sources.list
/** 将官方源 http://archive.ubuntu.com 替换为 http://mirrors.aliyun.com */

image.png 更新软件列表&更新软件

sudo apt-get update

sudo apt-get upgrade

第五步 nvm安装

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
或则
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash

安装过程中遇到 Failed to connect to raw.githubusercontent.com port 443: Connection refused

image.png

解决方案：

打开 www.ipaddress.com/ 官网搜素域名 raw.githubusercontent.com 会给出对应的ip 将所有的ip在系统中都需要映射host

image.png

命令输入编辑完后wq! 保存

sudo vim /etc/hosts

image.png 映射完host之后再执行安装nvm命令就可以正常安装

image.png

第六步 安装常用的 node、npm、yarn 工具

nvm install 16.13.0
npm install -g yarn

第七步 美化命令工具 安装oh-my-zsh

  • Oh My Zsh 是一款社区驱动的命令行工具，正如它的主页上说的，Oh My Zsh 是一种生活方式。它基于 zsh 命令行，提供了主题配置，插件机制，已经内置的便捷操作。给我们一种全新的方式使用命令行。
  • Oh My Zsh 是基于 zsh 命令行的一个扩展工具集，提供了丰富的扩展功能。
  • 安装 Oh My Zsh 前提条件：必须已安装 zsh

安装zsh

sudo apt-get install zsh

安装oh-my-zsh方法

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

image.png 可以通过命令检测当前的shell与设置

echo $SHELL //usr/bin/zsh
// 设置shell为bash
chsh -s /bin/bash

安装完了主题之后发现使用nvm与node、npm等我们安装的工具都无法访问

image.png

处理方案：在zsh中没有默认的吧环境变量导出我们手动导出

vim ~/.zshrc

添加下面的配置信息 之后wq!保存

    export NVM_DIR="$HOME/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
    [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm     bash_completion

image.png 配置以上代码后你会发现你的终端打开很慢，是因为在nvm安装时, 要求在在 ~/.bash_profile, ~/.zshrc, ~/.profile, ~/.bashrc 中的一个载入内容时. "$NVM_DIR/nvm.sh"拖慢了终端的启动， 从官方 issue#860上了解到, 可以使用 --no-use 和 手动指定默认 node 路径来加快执行速度，不过这样我们需要手动的去切换node版本

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" --no-use
export PATH=$HOME/.nvm/versions/node/v8.0.0/bin/:$PATH

最后在.zshrc文件中可以通过 ZSH_THEME="robbyrussell" 来修改主题 也可以设置随机主题 ZSH_THEME="random"

感谢阅读，感谢收藏。

avatar
文章
阅读
粉丝