目錄
- 簡介
- 安裝wsl
- 連接git
- 配置react專案
- 用vscode開發wsl專案
- 總結
簡介
最近需要做一個react專案的開發，在window上面安裝很多次，最后yarn start失敗，于是查到wsl這個神器，安裝后就可以愉快的開始react開發了~~~
安裝wsl
- 簡介
Windows Subsystem for Linux，可以在window實作linux操作
優點
安裝簡單 | 可以用window訪問swl檔案 - List item
- 允許window安裝swsl
- window store 選擇 ubuntu
- 關機重啟
- 配置wsl
就是添加用戶名和密碼 - tips
Windows 檔案掛載在wsl了 /mnt
linux可以使用ipconfig.exe
命令列可以使用 bash -c “sudo apt-get update”
連接git
主要就是安裝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也行，只要能用就好~~~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/229914.html
標籤：區塊鏈
上一篇：為什么位元幣合約總是爆倉？