Javascript入門-Day3：環境建置
瀏覽器
瀏覽器是最基本的 JavaScript 執行環境。所有現代瀏覽器都支持 JavaScript，並內置了開發者工具來調試和測試 JavaScript 代碼。
- 開發者工具：按
F12或Ctrl+Shift+I打開開發者工具，可以使用控制台（Console）來輸入和執行 JavaScript 代碼。 - 編寫 JavaScript：
- 可以直接在 HTML 文件中使用
<script>標籤嵌入 JavaScript 代碼。 - 也可以將 JavaScript 代碼放在單獨的
.js文件中，並在 HTML 文件中通過<script src="path/to/your/script.js"></script>引入。
- 可以直接在 HTML 文件中使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript Example</title>
</head>
<body>
<h1>Hello, JavaScript!</h1>
<script>
console.log('Hello, JavaScript!');
</script>
<script src="script.js"></script>
</body>
</html>
Node.js
Node.js 是一個基於 V8 引擎的 JavaScript 運行環境，使得 JavaScript 可以在服務器端運行。- 安裝 Node.js：
- 下載並安裝 Node.js Node.js 官網。
- 安裝完成後，可以使用命令行工具驗證安裝：
node -v和npm -v。
- 編寫 JavaScript：
- 創建一個新的
.js文件，例如app.js。 - 使用命令行運行 JavaScript 文件：
node app.js。
- 創建一個新的
// app.js
console.log('Hello, Node.js!');
- 使用 Node.js 提供本地伺服器：
- 安裝
http-server模組：npm install -g http-server。 - 在項目目錄中運行：
http-server。
- 安裝
# 安裝 http-server
npm install -g http-server
# 在項目目錄中運行
http-server
編輯器和 IDE
選擇合適的編輯器或集成開發環境（IDE）可以提高開發效率。以下是一些流行的選擇：Visual Studio Code (VS Code)
- 由 Microsoft 開發，免費且開源。
- 支持豐富的擴展插件，如 ESLint、Prettier、Debugger for Chrome 等。
- 內置終端，方便運行命令。
架設本地開發伺服器
- 安裝 Live Server 插件。
- 打開 HTML 文件，右鍵選擇 "Open with Live Server"。
WebStorm
- 由 JetBrains 開發，商業軟件，但有免費試用。
- 強大的 JavaScript 支持和智能代碼補全。
- 支持版本控制、終端和集成調試。
架設本地開發伺服器
- 在 WebStorm 中打開你的項目。
- 在項目的右鍵選單中選擇 "Open in Browser"，WebStorm 將自動為你的項目啟動一個本地伺服器。
Sublime Text
- 輕量級編輯器，支持多種語言。
- 可以通過安裝 Package Control 添加插件支持。
架設本地開發伺服器
- 輕量級編輯器，支持多種語言。
- 可以通過安裝 Package Control 添加插件支持。
- Sublime Text 提供了多種編碼功能，包括語法高亮、代碼摺疊、自動完成和代碼導航等。
- 可以通過安裝第三方插件來擴展其功能，例如安裝 Emmet 可以提高 HTML 和 CSS 的編寫速度，安裝 SublimeLinter 和 JSHint 可以對 JavaScript 代碼進行靜態檢查。
留言
留言分享你的想法！
你可能也想看
Google News 追蹤
JSDoc 全名是 JavaScript Documentation，顧名思義是為 JavaScript 所使用的 API 文件，在程式碼內透過註解的方式撰寫，運行後 JSDoc 會自動掃描註解內容，並生成一份網頁版的文件，對於沒有使用 Typescript 開發的專案，也
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名，但也用於許多非瀏覽器的環境，像是 Node.js 等。由於 JavaScript 語法上的一些缺點，軟體工程師們又設計出了 CoffeeScript、TypeScript 和
如果你曾經撰寫過網頁，那你一定接觸過 JavaScript
無論是在 NodeJs 或是瀏覽器中運行。
但你有沒有想過，我們寫下的 JS 程式碼，這些看似單純的英文和符號，是如何被轉化為機器能夠理解和執行的程式呢？
今天，讓我們一起深入了解其中的核心主角
——Google 開發的開源 Java
※ Javascript和HTML的關係
當我們輸入新的網址或按下重新整理時，從解析檔案到畫面顯示出來，瀏覽器會進行以下流程：
解析 HTML / CSS 檔案，建立物件模型：
HTML → DOM (Document Object Model)。
CSS → CSSOM (CSS Obje
前言：
一直想要把自己的學習筆記整理整理，至少在寫下筆記的時候，也能釐清觀念。
結果拖延到現在，終於要提筆了，不知道能堅持多久(???)。
學習JavaScript的理由有很多，包括容易學習的程式語言、互動式體驗、多功能性、跨平臺、社群和資源豐富、高市場需求。此外，文章提供了設計和前端教學的相關資源連結。文章中還提到了一些與學習JavaScript相關的教學文章和影音教學資源。
JSDoc 全名是 JavaScript Documentation，顧名思義是為 JavaScript 所使用的 API 文件，在程式碼內透過註解的方式撰寫，運行後 JSDoc 會自動掃描註解內容，並生成一份網頁版的文件，對於沒有使用 Typescript 開發的專案，也
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名，但也用於許多非瀏覽器的環境，像是 Node.js 等。由於 JavaScript 語法上的一些缺點，軟體工程師們又設計出了 CoffeeScript、TypeScript 和
如果你曾經撰寫過網頁，那你一定接觸過 JavaScript
無論是在 NodeJs 或是瀏覽器中運行。
但你有沒有想過，我們寫下的 JS 程式碼，這些看似單純的英文和符號，是如何被轉化為機器能夠理解和執行的程式呢？
今天，讓我們一起深入了解其中的核心主角
——Google 開發的開源 Java
※ Javascript和HTML的關係
當我們輸入新的網址或按下重新整理時，從解析檔案到畫面顯示出來，瀏覽器會進行以下流程：
解析 HTML / CSS 檔案，建立物件模型：
HTML → DOM (Document Object Model)。
CSS → CSSOM (CSS Obje
前言：
一直想要把自己的學習筆記整理整理，至少在寫下筆記的時候，也能釐清觀念。
結果拖延到現在，終於要提筆了，不知道能堅持多久(???)。
學習JavaScript的理由有很多，包括容易學習的程式語言、互動式體驗、多功能性、跨平臺、社群和資源豐富、高市場需求。此外，文章提供了設計和前端教學的相關資源連結。文章中還提到了一些與學習JavaScript相關的教學文章和影音教學資源。