跳至主要内容

3 篇文章 含有標籤「環境建置」

檢視所有標籤

如何在 Windows 打造 Python Web 開發環境入門教學 Part2

· 閱讀時間約 1 分鐘
HappyCoder | AI 自學程式設計學院
HappyCoder | AI 自學程式設計學院
站長

如何在 Windows 打造 Python Web 開發環境

所謂工欲善其事，必先利其器。我們開發程式之前我們最重要的就是要設定好開發環境，接下來我們將帶領讀者體驗如何在 Windows 打造 Python Web 開發環境。

撰寫第一個 Python Django 程式

  1. 創建虛擬開發環境：conda create -n <自定義虛擬環境名稱> python=3.5
  2. 觀看已建立的虛擬環境：conda info -e
  3. 進入虛擬環境：activate <自定義虛擬環境名稱>
  4. 安裝套件：pip install django
  5. 觀看已安裝套件：pip list
  6. 建立第一個 django 專案：django-admin startproject my_first_app
  7. 啟動伺服器：python manage.py runserver
  8. 到瀏覽器觀看成果！http://localhost:8000 或 http://127.0.0.1:8000

其他常用指令

  1. 離開虛擬環境：deactivate
  2. 移除虛擬環境：conda remove <自定義虛擬環境名稱> -n --all
  3. pip uninstall 套件名稱

影片教學

如何在 Windows 打造 Python Web 開發環境入門教學 Part1

· 閱讀時間約 2 分鐘
HappyCoder | AI 自學程式設計學院
HappyCoder | AI 自學程式設計學院
站長

如何在 Windows 打造 Python Web 開發環境

所謂工欲善其事，必先利其器。我們開發程式之前我們最重要的就是要設定好開發環境，接下來我們將帶領讀者體驗如何在 Windows 打造 Python Web 開發環境。

安裝軟體步驟

  1. 下載安裝 google chrome 瀏覽器
  2. 下載安裝 Visual Studio Code 或 Sublime text 文字編輯器
  3. 下載安裝 cmder terminal 終端機程式 (請下載含 git 的 full 完整版本)
  4. 下載安裝 anaconda for windows (請依你的作業系統位元 32/64 下載對應程式，記得安裝時要勾選加入環境變數)
  5. 在終端機輸入 (若正確顯示版本即為安裝成功)：python -V
  6. 輸入 python 可進入互動式對話環境，可以執行 python 程式

撰寫第一個 Python 程式

  1. 打開 Visual Studio Code 或 Sublime text 並建立一個 hello.py 檔案：
print('hello python')
  1. 到 cmder 終端機移動到 hello.py 資料夾下輸入 python hello.py

就可以看到你撰寫的第一個 Python 程式 hello python 啦！

影片教學

如何在 Windows 打造 JavaScript Web 開發環境入門教學

· 閱讀時間約 2 分鐘
HappyCoder | AI 自學程式設計學院
HappyCoder | AI 自學程式設計學院
站長

如何在 Windows 打造 JavaScript Web 開發環境

所謂工欲善其事，必先利其器。我們開發程式之前我們最重要的就是要設定好開發環境，接下來我們將帶領讀者體驗如何在 Windows 打造 JavaScript Web 開發環境。

安裝軟體步驟

  1. 下載安裝 google chrome 瀏覽器
  2. 下載安裝 Visual Studio Code 或 Sublime text 文字編輯器
  3. 下載安裝 cmder terminal 終端機程式 (請下載含 git 的 full 完整版本)
  4. 下載安裝 Node.JS 選擇左邊穩定版本，按照指令安裝完成
  5. 在終端機輸入 node -v 若成功顯示版本，代表安裝完成
  6. 安裝 http-server 套件：npm install http-server -g

撰寫第一個 JavaScript 程式

  1. 打開 Visual Studio Code 或 Sublime text 並建立一個 index.html 檔案：

  2. 在 index.html 輸入：

    <!DOCTYPE html>
    <html>
        <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Test</title>
        <script>
        console.log(‘hello JS!’);
        </script>
        </head>
    <body>
    </body>
    </html>

  3. 儲存後在終端機移動到該檔案資料夾下，輸入 http-server -p 7777 啟動伺服器

  4. 打開瀏覽器輸入網址：http://127.0.0.1:7777 或 http://localhost:7777

  5. 打開發者工具，可以在 console 中看到 hello JS!

  6. 恭喜讀者完成第一個 JavaScript 應用程式啦！

影片教學