VScode environment construction (on Mac) & graph display in Python (@browser)

Reference URL: https://qiita.com/YoshitakaOkada/items/6dfad94ab917053fcef7

Arasa, who has more than 10 years of experience in PC, has tried programming now.

Stumbles from the beginning!

This time, create a folder called "basic_js_graph" and practice. → Where? w → Gugu finds such an article (https://homepagenopro.com/free/vsc.html) スクリーンショット 2020-09-01 23.03.18.png → Create a folder called "basic_js_graph" on the desktop.

→ There is no button to add a folder. .. w There is "Open Folder". I'm worried about that for 10 minutes. Complete the folder registration by dragging and dropping with no use. Is this right? ?? I don't know.

→ I recommend it to the front for the time being. > ・ Create new index.html

・ ・ So where? w

This was unexpectedly resolved immediately. スクリーンショット 2020-09-01 23.15.00.png

Click here and enter "index.html".

If you press "!" On an empty html file, VS Code will create an html template for you. Great! Nothing happens when I press it. →! It turns out that it is a + tab key. Impressed when you can.

Move to STEP2

In the VS Code terminal, go to "basic_js_graph" and type "python simpleserver-startup.py" to execute

I stumble again here. The local server does not start no matter how many times I try. スクリーンショット 2020-09-02 8.02.11.png

Even if you make a trial and error, you can't go google and find such a page https://glodia.jp/pythonm

python -m SimpleHTTPServer

When I typed in, I was able to start the server, but only a blank page was displayed.

スクリーンショット 2020-09-02 21.26.48.png

Looking at the terminal, it looks like it's connected?

Eun Eun groaning for more than 10 minutes When I asked a question on Slack

image.png

Please point out that it is unsaved,

When I save it and read it again. ..

スクリーンショット 2020-09-02 22.14.20.png

It's done!

Involuntarily guts pose in front of the screen! w

Recommended Posts

VScode environment construction (on Mac) & graph display in Python (@browser)
Environment construction of python3.8 on mac
Mac environment construction Python
Create a Python3 environment with pyenv on Mac and display a NetworkX graph
Python environment construction For Mac
Install Python venv --VSCode --GitHub integration environment on Mac
Python environment construction on Mac (pyenv, virtualenv, anaconda, ipython notebook)
Building a Python environment on Mac
Python environment construction memo on Windows 10
Anaconda python environment construction on Windows 10
Anaconda environment construction on Mac (2018 version)
Create a Python environment on Mac (2017/4)
I checked Mac Python environment construction
Python development environment construction on macOS
Python3 TensorFlow for Mac environment construction
OpenCV3 & Python3 environment construction on Ubuntu
Create a python environment on your Mac
Display Python 3 in the browser with MAMP
Python3 + venv + VSCode + macOS development environment construction
Build Python environment with Anaconda on Mac
Display pyopengl in a browser (python + eel)
Python environment construction
Environment construction (python)
python on mac
python environment construction
Python --Environment construction
Python environment construction
python environment construction
Python3 TensorFlow environment construction (Mac and pyenv virtualenv)
[Note] Python environment construction on rental server "CORESERVER"
Python explosive environment construction starting from zero (Mac)
Python environment construction (Anaconda + VSCode) @ Windows10 [January 2020 version]
Build a Python environment on Mac (Mountain Lion)
DISPLAY error in wxPython (and traitsui) on vscode
Build a Python development environment on your Mac
[Environment construction] Dependency analysis using CaboCha in Python 2.7
Try working with Mongo in Python on Mac
python windows environment construction
Graph drawing in python
Install Python on Mac
Python development environment construction
Install Python 3 on Mac
virtual environment in python
python2.7 development environment construction
Development environment in Python
Install Python 3.4 on Mac
Draw graph in python
Python environment construction @ Win7
Install Python3 on Mac and build environment [Definitive Edition]
Until drawing a 3D graph in Python on windows10
Build a Python environment on your Mac using pyenv
QGIS3 Python plugin development environment construction with VSCode (macOS)
Python + Anaconda + Pycharm environment construction
OpenJTalk on Windows10 (Speak Japanese with Python from environment construction)
Display "Hello World" created in the local environment on the web
Create a Python (pyenv / virtualenv) development environment on Mac (Homebrew)
Pyramid + mongodb environment on Mac
Anaconda environment construction on CentOS7
[Python] Anaconda environment construction (installation, startup, virtual environment, package management) Mac environment
Install pygame on python3.4 on mac
Display UTM-30LX data in Python