简介

最近需要做一个react项目的开发，在window上面安装很多次，最后yarn start失败，于是查到wsl这个神器，安装后就可以愉快的开始react开发了~~~

安装wsl

简介
Windows Subsystem for Linux，可以在window实现linux操作
优点
安装简单 | 可以用window访问swl文件
List item
允许window安装wsl
window store 选择 ubuntu
关机重启
双击ubuntu,添加用户名和密码
由于当前未设置root密码，需要在命令行执行sudo passwd,设置root密码
设定每次登录都是root用户
```
 ubuntu1804 config --default-user root
```
tips
Windows 文件挂载在wsl了 /mnt
linux可以使用ipconfig.exe
命令行可以使用 bash -c “sudo apt-get update”

连接git

打开wsl，主要就是安装git,以及与github账号链接
(注意如果用的root用户生成key，那项目也放root底下；如果用的新添加的账号，那项目放在新添加的账号底下)

sudo apt-get install git
sudo git config --global user.name “xxx”
sudo git config --global user.email “xxx”
git config --list
ssh-keygen -t rsa -C “xxx@qq.com”
cat ~/.ssh/id_rsa.pub
拷贝ssh码到http://github.com
github->setting->SSH and GPG keys->new SSH keys添加上就好了
测试ssh git@github.com

配置react项目

安装nvm

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

看版本
```
nvm --version
```

装node

nvm install v12.12.0（项目需要12,根据你的需求安装版本，不清楚就按照最新版本）
node -version

搭建react

npx create-react-app test-app
cd test-app
npm start

访问localhost:3000

使用github上面项目

1. git clone xxx@xxx
2. npm install yarn -g
3. yarn install
4. yarn start
5. 访问上面项目

用vscode开发wsl项目

这个真的是太方便了

安装插件
连接WSL，点击左下角绿色处，选择wsl
打开要开发的项目目录
打开终端，直接可以执行命令

总结

这一套流程下来，你就可以在vscode里面开发wsl里面的react项目。
我是window配置react项目不成功，才选择的wsl。如果你本地可以直接跑起来，那根本无需用wsl，再或者你有linux的虚机，直接用linux+vscode也行，只要能用就好~~~

Windows安装WSL开发react项目相关推荐

windows 安装配置 pycharm 创建项目并运行代码
windows 安装配置 pycharm 创建项目并运行代码 PyCharm 是由 JetBrains 打造的一款 Python IDE,支持 macOS. Windows. Linux 系统. Py ...
c++语言编译环境,Windows安装C++开发环境-C++开发环境搭建-嗨客网
Windows安装C++语言开发环境教程这里,我们选择使用 Dev-C++. Dev-C++下载地址 https://sourceforge.net/projects/orwelldevcpp/ D ...
Windows安装WSL进行机器学习（windows和Ubuntu同时使用）
Win10使用Linux子系统(WSL2)进行深度学习训练_Kmaeii的博客-CSDN博客_wsl2深度学习这里要注意,一定要先安装win11,然后再安装显卡驱动...,最后再安装Ubuntu,n ...
windows安装安卓开发环境Eclipse+SDK+ADT
准备条件操作系统:win7 64位需要的资源:JDK.Eclipse.SDK.ADT 步骤简介: 第一步:下载安装最新版JDK 第二步:下载安装Eclipse 第三步:下载安装SDK 第四步:安装 ...
关于windows安装wsl，出现WslRegisterDistribution failed with error: 0x8007019e The Windows Subsystem错误的解决方案
前倾概要在Microsoft store安装ubuntu 18.04成功启动后,出现了该错误并提示按任意键退出(如下图所示,由于我忘了截图,所以只能去别的博主那盗图) 解决方案首先需要安装wind ...
Windows Phone 7开发之项目初体验
最近不算太忙,于是想试试window phone开发,于是自己用了几天开发了公司业务系统的WP版. 一直是写后台代码的,所以前台欠缺一定的审美和布局观,我按照我的稀烂一样的审美观自己布局的.因为这是业 ...
【Windows安装WSL】WSL中安装Ubuntu发行版，提示占位程序接收到错误数据
在管理员终端输入wsl --install命令,如果提示"无法解析服务器的名称或地址",则输入 dism.exe /online /enable-feature /featuren ...
【开发环境】Windows 安装 PyCharm 开发环境 ( 下载 PyCharm | 安装 PyCharm | 在 PyCharm 中创建 Python 工程 )
文章目录一.下载 PyCharm 二.安装 PyCharm 三.在 PyCharm 中创建 Python 工程一.下载 PyCharm 到 PyCharm 主页 https://www.jetbr ...
windows 安装 gcc 编译 fyne 项目
fyne官网一.说明可以看到官网写的,如果是第一次使用,需要安装 go 语言,安装 gcc,获取 fyne 依赖,其中麻烦点的就是 gcc,如果不安装 gcc,就不可以编译写一个小示例,在 ru ...

Windows安装WSL开发react项目

目录

简介

安装wsl

连接git

配置react项目

用vscode开发wsl项目

总结

Windows安装WSL开发react项目相关推荐

最新文章

热门文章