[LINUX] J'ai essayé de créer un environnement avec WSL + Ubuntu + VS Code dans un environnement Windows

introduction

Commencez à apprendre la programmation avec Windows! Je pensais qu'il serait facile de créer un environnement pour ceux qui aiment: soulagé: Cette fois, je voulais que tout le monde dans le groupe d'étude lance la commande avec node.js et affiche le résultat de sortie, alors j'ai couru pour présenter Linux (Ubuntu).

Qu'est-ce que WSL? Qu'est-ce qu'Ubuntu?

WSL WSL est un sous-système qui réalise l'environnement d'exécution de Linux sur OS Windows. En bref, vous pouvez utiliser Linux comme application! !! !! !! Linux et Windows sur un seul ordinateur? !! C'est comme WSL (rires) Ubuntu Qu'est-ce qu'Ubuntu? Linux [Distribution](https://ja.wikipedia.org/wiki/Linux%E3%83%87%E3%82%A3%E3%82%B9%E3%83%88%E3%83 % AA% E3% 83% 93% E3% 83% A5% E3% 83% BC% E3% 82% B7% E3% 83% A7% E3% 83% B3) Un SE (système d'exploitation). Ubuntu est de toute façon facile à utiliser! Je ne comprends pas vraiment ça, (est-ce que ça manque d'étude ou de compréhension?) L'explication détaillée est Wikipedia

Environnement

Étape ① Activer le sous-système Windows (WSL) pour Linux

Avant d'installer la distribution Linux (Ubuntu) sous Windows, vous devez d'abord activer le "Sous-système Windows pour Linux". -Ouvrez PowerShell en tant qu'administrateur et exécutez la commande suivante → Faites un clic droit sur l'icône Windows en bas à gauche et cliquez sur "Windows PowerShell (Administrateur)".

  Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux

· Redémarrez votre ordinateur

Étape ② Installez Ubuntu

-Démarrez "Microsoft Store" et recherchez "Ubuntu" ・ Ouvrez "Ubuntu 20.04 LTS" ・ Cliquez sur Obtenir pour démarrer le téléchargement automatiquement ・ Lorsque vous recevez la notification de fin de téléchargement, cliquez sur "Démarrer" Après le démarrage, le contenu suivant sera affiché, entrez le nom d'utilisateur et le mot de passe pour terminer l'installation !!!

  Installing, this may take a few minutes...
  Please create a default UNIX user account. The username does not need to 
  match your Windows username.
  For more information visit: https://aka.ms/wslusers
  Enter new UNIX username: user
  Enter new UNIX password:
  Retype new UNIX password:
  passwd: password updated successfully
  Installation successful!
  To run a command as administrator (user "root"), use "sudo <command>".
  See "man sudo_root" for details.

  [email protected]:~$

Étape ③ Mettez à jour Ubuntu

Mettez à jour ubuntu avec la commande suivante. Il vous sera demandé un mot de passe, alors entrez le mot de passe que vous avez entré ci-dessus.

sudo apt update
sudo apt upgrade

Étape ④ Installez Node.js dans l'environnement WSL (Ubuntu 20.04 LTS)

・ Ajout d'un référentiel

curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -

・ Installez nodejs avec apt

sudo apt install -y nodejs

・ Sélectionnez Oui lorsqu'un message de confirmation arrive ・ Vérifiez si nodejs et npm sont installés

node --version
npm --version

Étape ⑤ Installez VS Code

Puis Install si VScode n'est pas déjà installé. Notez que VScode est toujours installé du côté Windows, pas du côté WSL.

Étape ⑤ Ajouter une extension à VS Code

Ensuite, ajoutez l'extension VScode (Remote --WSL) pour le développement à distance. Cliquez sur le bouton "Installer" pour démarrer VScode. Suivez le message pour installer. index.js - practice [WSL_ Ubuntu-20.04] - Visual Studio Code  2020_11_17 12_52_25 (1).png Remote - WSL ↓ Il existe également une méthode d'installation dans le document officiel! Document officiel

ようこそ - Visual Studio Code 2020_11_17 12_58_06.png Cliquez sur la partie verte en bas à gauche comme indiqué dans l'image ci-dessus ようこそ - Visual Studio Code 2020_11_17 12_58_18.png Ensuite, il apparaîtra comme indiqué dans l'image ci-dessus, cliquez donc sur Nouvelle fenêtre WSL à distance Vous pouvez maintenant utiliser WSL avec VS Code! (WSL: Ubuntu-20.04 est écrit pour WSL comme la partie verte en bas à gauche de la première image)

Sortons des commandes avec Node.js

-Comme il y a "Fichier / Modifier / Sélectionner / Afficher / Déplacer / Exécuter / Terminal / Aide" en haut de VSCode, cliquez sur le terminal et cliquez sur "Nouveau terminal". ・ Le terminal apparaît en bas de l'écran! Ci-dessous: Exécuter dans le terminal

Frappons la commande avec Commande Unix! !!

→ Créer un répertoire de pratique

mkdir practice

→ Déplacer vers le répertoire de pratique

cd practice

→ Créez un fichier js appelé main dans le répertoire pratique

touch main.js

Maintenant vous êtes prêt!

Affiche le résultat d'entrée

Sélectionnez le "moins sur" créé précédemment dans le dossier Ouvrir Il y a un fichier main.js, donc dedans

console.log('Hello Tech.Uni')

Tapez et économisez! !! !! (Attention car c'est facile à oublier (rires)) Cette fois au terminal

node main.js

Tapez Enter !!!! On dirait que l'image ci-dessous est parfaite: blush: main.js - lesson [WSL_ Ubuntu-20.04] - Visual Studio Code  2020_11_17 13_33_10.png

Je vous remercie pour votre travail acharné!

Références

Guide d'installation du sous-système Windows pour Linux pour Windows 10

https://docs.microsoft.com/ja-jp/windows/wsl/install-win10

Visual Studio Code "Remote - WSL" est incroyablement utile

https://syobon.jp/blog/2019/11/04/visual-studio-code-remote-wsl/

Recommended Posts

J'ai essayé de créer un environnement avec WSL + Ubuntu + VS Code dans un environnement Windows
J'ai essayé de créer un environnement Ubuntu 20.04 LTS + ROS2 avec Raspberry Pi 4
Créer un environnement Python avec WSL + Pyenv + Jupyter + VSCode
Quand j'ai essayé de créer un environnement Rails sur WSL2 (Ubuntu 20.04LTS), j'ai trébuché et suis tombé.
Créer un environnement d'exécution python avec VS Code
J'étais accro à la création d'un environnement Python venv avec VS Code
Procédure de création d'un environnement virtuel Python avec VS Code sous Windows
J'ai essayé de créer un environnement de développement Mac Python avec pythonz + direnv
Procédure de création d'un environnement Django avec Win10 WSL Ubuntu18.04 + Anaconda + Apache2
[Linux] WSL2 Créer un environnement pour laravel7 avec Ubuntu 20.04
[Go + Gin] J'ai essayé de créer un environnement Docker
Comment déboguer un programme Python en se connectant à distance à un conteneur Docker dans un environnement WSL2 avec VS Code
J'ai essayé de créer un environnement capable d'acquérir, de stocker et d'analyser les données de tweet en WSL (bash)
J'ai essayé l'algorithme de super résolution "PULSE" dans un environnement Windows
J'ai essayé de créer un environnement dans lequel le travail dans le conteneur Docker sur le serveur distant peut être effectué directement à partir du code VS local avec une connexion SSH
Comment utiliser VS Code dans un environnement Venv avec Windows
J'ai essayé de créer un environnement d'apprentissage automatique avec Python (Mac OS X)
J'ai essayé de créer un article dans Wiki.js avec SQL Alchemy
Concurrence avec VS Code Créez un environnement Python pour les professionnels sous Windows
J'ai essayé de créer un environnement serveur qui fonctionne sous Windows 10
Essayez de créer un environnement python avec Visual Studio Code et WSL
Comment créer un environnement d'exécution Python et Jupyter avec VSCode
Je veux créer un environnement Python
J'ai créé un outil pour convertir Jupyter py en ipynb avec VS Code
J'ai essayé de créer un environnement où vous pouvez avoir une réunion Zoom amusante avec Linux (Ubuntu) + Zoom + OBS Studio + effets sonores
J'ai essayé de créer une méthode de super résolution / ESPCN
J'ai essayé de créer une méthode de super résolution / SRCNN ①
J'ai essayé d'intégrer Keras dans TFv1.1
J'ai essayé Flask avec des conteneurs distants de VS Code
Environnement virtuel / package Python (Windows10) avec VSCode
Créez un environnement Django avec Vagrant en 5 minutes
J'ai essayé de détecter un objet avec M2Det!
Utiliser Python dans un environnement Anaconda avec VS Code
J'ai essayé de créer une méthode de super résolution / SRCNN ③
J'ai essayé de créer une méthode de super résolution / SRCNN ②
Créer un environnement de développement à l'aide de Jupyter et Flask avec Python dans Docker (prend en charge à la fois VS Code / code-server)
Créer un environnement pour exécuter des fonctions C ++ à partir de Python avec Pybind11 (pour les utilisateurs de Windows et Visual Studio Code)
Quand j'ai essayé de créer un environnement virtuel avec Python, cela n'a pas fonctionné
J'ai essayé d'extraire le dessin au trait de l'image avec Deep Learning
J'ai essayé de créer un environnement à vérifier régulièrement en utilisant Selenium avec AWS Fargate
J'ai essayé d'implémenter ce qui semble être un outil de snipper Windows avec Python
Créez un environnement de développement local avec WSL + Docker Desktop pour Windows + docker-lambda + Python
Je veux faire la transition avec un bouton sur le ballon
J'ai essayé d'implémenter un pseudo pachislot en Python
J'ai créé un environnement Python3 sur Ubuntu avec direnv.
J'ai essayé d'implémenter le perceptron artificiel avec python
Je souhaite créer facilement un environnement de développement basé sur un modèle
J'ai essayé de créer un pipeline ML avec Cloud Composer
Je veux travailler avec un robot en python.
Présentation de WSL (Ubuntu 18.04) à WIndows10 ~ Deuxième partie de l'environnement proxy ~
J'ai essayé de créer une application OCR avec PySimpleGUI
J'ai essayé de trouver la classe alternative avec tensorflow
Créez un fichier exe qui fonctionne dans un environnement Windows sans Python avec PyInstaller
Une histoire sur la façon dont les utilisateurs de Windows 10 ont créé un environnement pour utiliser OpenCV3 avec Python 3.5
J'ai essayé de créer un environnement d'apprentissage amélioré pour Othello avec Open AI gym
[Django] Créez rapidement un environnement de développement de conteneur Django (Docker) à l'aide de VS Code + Remote Containers
[AWS] J'ai essayé de créer un environnement Python avec un environnement de développement eb [Elastic Beanstalk]
Mémo Un débutant a essayé de créer un environnement Java et de le traduire en japonais sur Ubuntu 18.04.2 LTS.