当前位置: 首页 > Linux

Web前端开发玩转win10linux子系统

时间:2023-04-06 22:31:16 Linux

前言最新版本的win10内置了linux子系统(WSL)功能。使用win10WSL开发一周后,个人感觉完全可以替代macOS在web前端开发中的地位。Linux环境下终端工具的易用性和环境稳定性与win10庞大的软件生态相结合。看着琳琅满目的PC电脑,简直不要太好。是时候放弃OSX,选择win10作为web前端开发者的主要生产力工具平台了。一般来说,要使用WSL环境作为web前端开发环境,需要进行以下步骤:开启WSL功能,安装linux发行版,切换linux源,配置zsh终端环境,安装NodeJs,配置VSCode终端环境等参考WSLwindows10linux子系统oh-my-zsh和Cmderconfiguration-2018在Windows上的Dev打开win10linux功能第一步:快捷键win+x点击applicationandfunction打开程序和功能第二步:勾选开启linux功能安装对于linuxrelease版本,点击win键打开win10应用商店。搜索linux关键字安装ubuntu18,打开ubuntu18应用图标。首次安装后,终端会提示您访问该URL。然后在管理员模式下运行powershell开启功能(运行后不能截图,可以自己动手)等待安装和配置账号密码完成以上步骤,可以点击里面的ubuntu图标win10磁贴菜单,或者快捷键win+r输入bash打开win10ubuntuubuntu切换到alisource\cp-f/etc/apt/sources.list/etc/apt/sources.list_bak_`date+"%Y_%m_%d_%H_%M_%S"`;echo'debhttp://mirrors.aliyun.com/ubuntu/bionicmainrestricteduniversemultiversedebhttp://mirrors.aliyun.com/ubuntu/bionic-securitymainrestricteduniversemultiversedebhttp://mirrors.aliyun.com/ubuntu/bionic-updatesmainrestricteduniversemultiversedebhttp://mirrors.aliyun.com/ubuntu/bionic-proposedmainrestricteduniversemultiversedebhttp://mirrors.aliyun.com/ubuntu/bionic-backportsmainrestricteduniversemultiversedeb-srchttp://mirrors.aliyun.com/ubuntu/仿生主受限宇宙multiversedeb-srchttp://mirrors.aliyun.com/ubuntu/bionic-security主受限宇宙multiversedeb-srchttp://mirrors.aliyun.com/ubuntu/bionic-updates主受限宇宙multiversedeb-srchttp://mirrors.aliyun.com/ubuntu/bionic-proposedmainrestricteduniversemultiverseeb-srchttp://mirrors.aliyun.com/ubuntu/bionic-backportsmainrestricteduniversemultiverse'>/etc/apt/sources.list;apt-getupdateapt-getupgrade安装zshsudoapt-getinstallzsh安装oh-my-zsh由于国内网络问题,这一步可能不成功,可以跳过gitclonegit://github.com/robbyrussell/oh-my-zsh.git~/.oh-my-zshcp~/.oh-my-zsh/templates/zshrc.zsh-template~/.zshrc修改zsh主题如果oh-my-zsh安装失败,这一步可以跳过。vim~/.zshrcZSH_THEME="agnoster"设置启动bash时默认进入zsh//方法1sudochsh-s/bin/zsh//方法2vim~/.bashrciftest-t1;然后execzshfi我们这时候再打开ubuntu默认使用zsh命令行状态,终端体验和mac电脑一样!终端字体补全sudoapt-getinstallfonts-powerlineinstallationNode.jssudosuaptupdateaptinstallnodejsnode-vaptinstallnpmnpmi-gnnlts至此,Node.js环境已经安装完毕,但是如何使用它进行开发呢?配置VSCode,将VSCode开发工具的终端环境直接指向ubuntu,即可真正体验mac电脑在win10上的开发体验。打开VSCode,快捷键ctrl+,打开json配置模式,添加如下配置:{"terminal.integrated.shell.windows":"C:\\Windows\\sysnative\\bash.exe","terminal.external.windowsExec":"C:\\Windows\\sysnative\\bash.exe"}