搭建完美的Windows10开发环境

最新推荐文章于 2024-05-12 16:38:55 发布

刘金宝_Arvin

最新推荐文章于 2024-05-12 16:38:55 发布

阅读量1.2k

点赞数 2

分类专栏： Windows 文章标签： windows WSL edge

本文链接：https://blog.csdn.net/qq_36743482/article/details/107623119

版权

Windows 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

推荐阅读知乎版，排版优美，图片清晰知乎-搭建完美的Win10开发环境

因工作原因，长期使用过Ubuntu18.04、Windows7、Windows10等系统用于程序开发，唯一的缺憾就是没有使用过Mac。

本着“工欲善其事必先利其器”、“颜值就是生产力”的原则，我最偏爱的就是Windows10（with WSL）。经常有朋友问我，哈，你这是什么操作？好秀！你这是什么软件？好棒！你这是什么鬼？还能跑Linux？所以这里写下来作为记录，同时以飨读者。

究竟哪个环境最适合作为开发环境，仁者见仁吧，毕竟这个问题就像是Android和IOS的引战题一样，还是那句话，适合自己的最好。

下面我将详述自己的开发环境搭建过程，希望对大家有帮助。主要分为系统相关、终端、IDE、浏览器、文档编辑、版本控制、效率工具等。

一：系统相关

首先你要有一个Windows10操作系统。

推荐更改下背景和颜色，狂拽炫酷 😃

Win+i - 个性化 - 颜色

Ⅰ、安装WSL

之所以开篇提到WSL，因为这是让我最终放弃Ubuntu的根本原因。

Q：Linux最好的发行版是那个？ A：WIndows 10 with WSL 😃

1 介绍

1.1 What is WSL？

这里是百度的详细介绍：WSL百度百科简单的说，就是以软件的形式在Win10上运行原生的Linux。

1.2 Features of WSL

经过近几天的使用，WSL具有以下特点：

① Win10和Linux文件共享，及可以相互操作彼此的文件；
② 基于上，可以在Win10运行Linux命令；
③ 基于上，可以在Linux运行Win10 exe程序；

1.3 Why use WSL？

基于上述Features，我总结WSL有如下三个用处：

① 使用纯正的Linux模拟上线环境，运行测试我们的代码；
② 使用Linux的软件环境+Win IDE（VS Code & PyCharm等）进行开发（使用Linux的包管理工具，简直开心的不能行）；
③ 使用PowerShell + zsh（bash）的完美终端组合；
④ 一共才220M，你想啥 😃

1.4 Why Donot I use VMware?

看了1.3，相信你肯定不愿意用虚拟机了。

2 安装

安装很简单，这里简单说下（下文基于WSL1）。

如果你的系统版本支持WSL2（Windows 内部版本 19041 或更高版本），可直接安装WSL2，官网教程如下：

WSL2安装

关于WSL1和WSL2的区别，官网对比如下：

WSL1&WSL2

WSL2安装Docker比较简单，直接下载windows版本，会自动提示你Enable WSL2，勾选即可，可参考另一篇博文：

WSL2安装Docker

2.1 确保系统版本满足

首先确保你的系统是较新的Win10，以Ubuntu为例，该软件仅支持16237及以上版本，如下图：

查看本机Win10版本方式： Win + i - 系统 - 关于 - Windows规格，比如我的是18363

如果不满足，更新即可。

2.2 启动WSL功能

按照如下操作：搜索框输入“启用或关闭Windows功能”，点开即可（实际上，仅仅输入几个拼音即可），如下图：

勾选 适用于Linux的Windows子系统，系统会自动配置，然后重启即可。

2.3 安装

打开Microsoft Store，输入wsl，搜索。点击获取这些应用，如下图：

如下是列出的所有WSL应用，可以选择自己喜欢的系统，这里我选择的Ubuntu。进去，点击安装即可。 220M，很快就可以完成。

3 使用

安装完成之后，就是愉快而兴奋的使用环节了，首先在开始中点击Ubuntu，经过几分钟的install，配置user和password即可。

下面开始详细环境搭建。

3.1 更新源

熟悉的套路来了。。。首先更换为阿里云的apt源。

sudo cp /etc/apt/sources.list  /etc/apt/sources.list.bak
sudo vim /etc/apt/sources.list

删除内容，并添加20.04源：

deb http://mirrors.aliyun.com/ubuntu/ focal main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ focal main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ focal-security main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ focal-security main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ focal-updates main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ focal-updates main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ focal-proposed main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ focal-proposed main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ focal-backports main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ focal-backports main restricted universe multiverse

执行update和upgrade

sudo apt update
sudo apt upgrade

3.2 安装Nodejs、Mysql等

这里扔两个链接，Python3、git、ssh有自带的，就不说了。 Nodejs安装 Ubuntu安装Mysql

3.3 安装zsh&oh_my_zsh

bash虽好，我用zsh 😜 zsh安装配置 oh_my_zsh 使用指南

4 使用WSL开发

4.1 VScode with WSL

安装完WSL之后，打开VSCode，就会提示你安装 Remote WSL，安装即可。

安装完，左下角会有一个绿色的WSL标志。

点击绿色标志，选择New Window，就会自动配置

成功界面如下：

我们尝试运行一个js文件（需要我们在Ubuntu中创建一个test.js文件）：

我们再看看terminal，美滋滋啊~

4.2 Pycharm with WSL

虽然VSCode也可以运行python，但还是觉得用Pycharm更爽。 Pycharm也可以使用WSL里的python环境进行开发，如下操作： setting - Project Interpreter - Add 修改为WSL即可，如下图：

WSL - 选择Ubuntu的python3即可。

运行即可，哇，真的美滋滋啊，你甚至不需要在Ubuntu里去创建一个py文件。同样，我们看下terminal，发现是Windows的命令行，没关系，一个bash命令，美滋滋。

Ⅱ Windows Terminal

Windows自带的CMD实在是丑且不好用，Powershell中规中矩，cmder算是不错，但相信我，Windows Terminal算得上我用过最舒服的Windows环境下的terminal，而且安装简单。

在Microsoft Store中下载Windows Terminal即可。

打开后，可以呼出自己想要的终端，当然，你在Windows PS or cmd中，直接输入bash，也可以直接进入bash。

另外，给大家推荐一款自己特别喜欢的字体：FiraCode.
https://github.com/tonsky/FiraCode

该字体l(L)和I(i)区分很明显，大于等于等可以连在一起显示，且颜值很高，笔者的所有的IDE、文本编辑器、Terminal都是使用的这个字体，效果如图：
在这里插入图片描述
顺便贴下笔者的Windows Terminal配置：

// This file was initially generated by Windows Terminal 1.4.3243.0
// It should still be usable in newer versions, but newer versions might have additional
// settings, help text, or changes that you will not see unless you clear this file
// and let us generate a new one for you.

// To view the default settings, hold "alt" while clicking on the "Settings" button.
// For documentation on these settings, see: https://aka.ms/terminal-documentation
{
    "$schema": "https://aka.ms/terminal-profiles-schema",

    "defaultProfile": "{61c54bbd-c2c6-5271-96e7-009a87ff44bf}",

    // You can add more global application settings here.
    // To learn more about global settings, visit https://aka.ms/terminal-global-settings

    // If enabled, selections are automatically copied to your clipboard.
    "copyOnSelect": true,

    // If enabled, formatted data is also copied to your clipboard
    "copyFormatting": false,

    // A profile specifies a command to execute paired with information about how it should look and feel.
    // Each one of them will appear in the 'New Tab' dropdown,
    //   and can be invoked from the commandline with `wt.exe -p xxx`
    // To learn more about profiles, visit https://aka.ms/terminal-profile-settings
    "profiles":
    {
        "defaults":
        {
            // Put settings here that you want to apply to all profiles.
            "fontFace": "Fira Code",
            "fontSize": 11,
            "startingDirectory": "./"
        },
        "list":
        [
            {
                // Make changes here to the powershell.exe profile.
                "guid": "{61c54bbd-c2c6-5271-96e7-009a87ff44bf}",
                "name": "Windows PowerShell",
                "commandline": "powershell.exe",
                "hidden": false,
                "useAcrylic" : true, 
                "acrylicOpacity" : 0.75,
                "colorScheme" : "Afterglow"
            },
            {
                // Make changes here to the cmd.exe profile.
                "guid": "{0caa0dad-35be-5f56-a8ff-afceeeaa6101}",
                "name": "Command Prompt",
                "commandline": "cmd.exe",
                "hidden": false,
                "useAcrylic" : true, 
                "acrylicOpacity" : 0.75,
            },
            {
                "guid": "{b453ae62-4e3d-5e58-b989-0a998ec441b8}",
                // "hidden": false,
                "hidden": true,
                "name": "Azure Cloud Shell",
                "source": "Windows.Terminal.Azure"
            },
            {
                "guid": "{07b52e3e-de2c-5db4-bd2d-ba144ed6c273}",
                "hidden": false,
                "name": "Ubuntu-20.04",
                "source": "Windows.Terminal.Wsl"
            },
            {
                "guid": "{2c4de342-38b7-51cf-b940-2309a097f518}",
                "hidden": false,
                "name": "Ubuntu",
                "source": "Windows.Terminal.Wsl",
                "useAcrylic" : true, 
                "acrylicOpacity" : 0.75,
                "colorScheme" : "ubt"
            }
        ]
    },

    // Add custom color schemes to this array.
    // To learn more about color schemes, visit https://aka.ms/terminal-color-schemes
    "schemes": [
          {
          "name": "Afterglow",
          "black": "#151515",
          "red": "#ac4142",
          "green": "#7e8e50",
          "yellow": "#e5b567",
          "blue": "#6c99bb",
          "purple": "#9f4e85",
          "cyan": "#7dd6cf",
          "white": "#d0d0d0",
          "brightBlack": "#505050",
          "brightRed": "#ac4142",
          "brightGreen": "#7e8e50",
          "brightYellow": "#e5b567",
          "brightBlue": "#6c99bb",
          "brightPurple": "#9f4e85",
          "brightCyan": "#7dd6cf",
          "brightWhite": "#f5f5f5",
          "background": "#001c33",
          // "background": "#212121",
          "foreground": "#d0d0d0"
         },
         
          {
          "name": "ubt",
          "black": "#151515",
          "red": "#ac4142",
          "green": "#7e8e50",
          "yellow": "#e5b567",
          "blue": "#6c99bb",
          "purple": "#9f4e85",
          "cyan": "#7dd6cf",
          "white": "#d0d0d0",
          "brightBlack": "#505050",
          "brightRed": "#ac4142",
          "brightGreen": "#7e8e50",
          "brightYellow": "#e5b567",
          "brightBlue": "#6c99bb",
          "brightPurple": "#9f4e85",
          "brightCyan": "#7dd6cf",
          "brightWhite": "#f5f5f5",
          //"background": "#2f0012",
          "background": "#212121",
          "foreground": "#d0d0d0"
         },
    ],

    // Add custom actions and keybindings to this array.
    // To unbind a key combination from your defaults.json, set the command to "unbound".
    // To learn more about actions and keybindings, visit https://aka.ms/terminal-keybindings
    "actions":
    [
        // Copy and paste are bound to Ctrl+Shift+C and Ctrl+Shift+V in your defaults.json.
        // These two lines additionally bind them to Ctrl+C and Ctrl+V.
        // To learn more about selection, visit https://aka.ms/terminal-selection
        { "command": {"action": "copy", "singleLine": false }, "keys": "ctrl+c" },
        { "command": "paste", "keys": "ctrl+v" },

        // Press Ctrl+Shift+F to open the search box
        { "command": "find", "keys": "ctrl+shift+f" },

        // Press Alt+Shift+D to open a new pane.
        // - "split": "auto" makes this pane open in the direction that provides the most surface area.
        // - "splitMode": "duplicate" makes the new pane use the focused pane's profile.
        // To learn more about panes, visit https://aka.ms/terminal-panes
        { "command": { "action": "splitPane", "split": "auto", "splitMode": "duplicate" }, "keys": "alt+shift+d" }
    ]
}

如果，你更习惯于使用Windows PS，但是你又觉得界面丑陋，这里有美化教程。 WPS美化 Windows Terminal也是微软开发的，微软出品，必属精品啊。

微软镇贴

二：IDE相关

Ⅰ IDEA全家桶

IntelliJ IDEA、Pycharm等不多说了，唯独是激活码的问题，建议支持正版，我不会告诉你淘宝有十块钱一年的激活码。

Ⅱ Anaconda

用于数据分析，简直不要太开心。

Ⅲ VS Code

微软出品，必属精品。

Ⅳ 数据库相关

4.1 Navicat Premium

Mysql请认准Navicat

4.3 PLSQL developer

Oracle推荐使用PLSQL，搭配自定义快捷输入，效率简直可以上天了。

三：浏览器

这里主要说下我用的浏览器和相关插件，Emm，莫得插件的浏览器莫得灵魂。

0 Edge

知友推荐的，同样基于Chromium内核，个人感觉比Chrome好用。体现在：

优点：

①启动速度极快；

②可以访问微软服务，书签和插件方便同步下载等；

③基于Chromium内核，插件通用；
④可直接安装Chrome官网插件：最近发现，Edge直接访问Chrome的Chrome插件官网也可以直接安装插件。

缺点：

①Linux版目前只是内测版，尚不支持数据同步。

ⅠChrome

这个不解释了，推荐大家科学上网，下载官网的版本，不然可能遇到无法正常升级的情况。

这里主要说下插件。

某插件

违反规定，不写了。

1.2 Dark Reader

Dark Reader可以全局黑色，同时配上Chrome黑色主题，完美！

1.3 Https Everywhere

使用https请求，保证数据隐私安全。

1.4 Infinity 新标签页Pro

使用过最好用的浏览器首页，见上图。

1.4 JSON Viewer Pro

最好用的json格式化工具。

1.5 Talent API Tester

类似于Postman和restclient，并且非常好用。

1.6 油猴 TamperMonkey

神器啊，必须要有，列下我常用的脚本：

值得注意的是，有些脚本可能会影响原本的网页功能，比如我使用的某些脚本会影响知乎的复制功能，所以大家不要盲目的添加脚本，要根据自己的需求来。

1.7 简悦 SimpRead - Reader View

代码高亮、大图查看等等插件，使阅读真的成了一种享受。对CSDN、博客园、简书等有很好的支持，放个比较图：

1.8 MathJax Plugin for Github

目前Github暂不支持LaTex数学公式的渲染，通过安装该公式可以在Github完美显示数学公式。

Ⅱ Firefox

开源的浏览器，尤其让人放心。同样推荐下几款插件：

2.1 RestClient

2.2 其余同Chrome（如果Firefox有的话）

四文档编辑类

Ⅰ 文本编辑器

1.1 sublime Text

这款编辑器应该是我用过最好用的编辑器，功能与颜值俱佳。

自定义快捷键

Ctrl+U 转化为大写

Ctrl+Shift+U 转化为小写

Preference - Key bindings

[
    { "keys": ["ctrl+u"], "command": "upper_case" },
    { "keys": ["ctrl+shift+u"], "command": "lower_case" },
]

自定义字体和样式、替换Tab为4个空格、显示编码等（需要安装 material theme）

{
    "always_show_minimap_viewport": true,
    "bold_folder_labels": true,
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
    "dictionary": "Packages/Language - English/en_US.dic",
    "font_face": "Fira Code",
    "font_options":
    [
        "gray_antialias",
        "subpixel_antialias"
    ],
    "font_size": 11,
    "ignored_packages":
    [
        "Vintage"
    ],
    "indent_guide_options":
    [
        "draw_normal",
        "draw_active"
    ],
    "line_padding_bottom": 3,
    "line_padding_top": 3,
    "material_theme_accent_bright-teal": true,
    "material_theme_accent_scrollbars": true,
    "material_theme_bold_tab": true,
    "material_theme_small_tab": true,
    "material_theme_tabs_autowidth": true,
    "overlay_scroll_bars": "enabled",
    "show_encoding": true,
    "show_line_endings": true,
    "tab_size": 4,
    "theme": "Material-Theme-Darker.sublime-theme",
    "translate_tabs_to_spaces": true,
    "word_wrap": true
}

这里推荐一些插件：

CTags ：可用于代码跳转，实现类似于IDEA的 Ctrl+单击的效果。

Sublimerge：顾名思义，文件比较。

Pretty JSON：顾名思义，快速格式化JSON，快捷键为 Ctrl+Alt+J

Material Theme: 颜值即正义

主题推荐：

Material Theme：目前我的sublime界面如下：

该主题的配置文件为：

{
    "always_show_minimap_viewport": true,
    "bold_folder_labels": true,
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
    "dictionary": "Packages/Language - English/en_US.dic",
    "font_face": "Fira Code",
    "font_options":
    [
        "gray_antialias",
        "subpixel_antialias"
    ],
    "font_size": 11,
    "ignored_packages":
    [
        "Vintage"
    ],
    "indent_guide_options":
    [
        "draw_normal",
        "draw_active"
    ],
    "line_padding_bottom": 3,
    "line_padding_top": 3,
    "material_theme_accent_bright-teal": true,
    "material_theme_accent_scrollbars": true,
    "material_theme_bold_tab": true,
    "material_theme_small_tab": true,
    "material_theme_tabs_autowidth": true,
    "overlay_scroll_bars": "enabled",
    "show_encoding": true,
    "show_line_endings": true,
    "tab_size": 4,
    "theme": "Material-Theme-Darker.sublime-theme",
    "translate_tabs_to_spaces": true,
    "word_wrap": true
}

Sublime的快捷键及其多，可以自行百度。

Ⅱ Notepad ++

最好用的SQL编辑器，没有之一（前提是你要对快捷键很熟悉）。

Tab替换为四个空格

Ⅲ Typora（最喜欢的MarkDown编辑器）

Emm，事实上，本文章，就是用Typora编写的~

五版本控制

我们没得选，GIt SVN搞起来吧。

六效率工具

Ⅰ everything

搜索神器。

Ⅱ Motrix

开源的下载工具。

Ⅲ FDM

也是开源的下载工具，类似于IDM。

最后最后，一定要熟练使用快捷键，不会快捷键的程序员莫得灵魂。

刘金宝_Arvin

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
搭建完美的Windows10开发环境

本文已同步更新至知乎知乎-搭建完美的Win10开发环境因工作原因，长期使用过Ubuntu18.04、Windows7、Windows10等系统用于程序开发，唯一的缺憾就是没有使用过Mac。本着“工欲善其事必先利其器”、“颜值就是生产力”的原则，我最偏爱的就是Windows10（with WSL）。经常有朋友问我，哈，你这是什么操作？好秀！你这是什么软件？好棒！你这是什么鬼？还能跑Linux？所以这里写下来作为记录，同时以飨读者。究竟哪个环境最适合作为开发环境，仁者见仁吧，毕竟这个问题就像是Andro
复制链接

扫一扫