JavaScript 开发环境

一、推荐编辑器：Visual Studio Code

Visual Studio Code（VS Code） 是一个由微软开发，功能强大的免费源代码编辑器，它支持多种编程语言，包括JavaScript。以下是如何使用VS Code进行JavaScript开发的基本步骤：

1、下载与安装

• 访问 Visual Studio Code 官网 并下载适用于您操作系统的安装包。
• 安装VS Code，按照提示完成安装过程。

2、配置VS Code

• 打开VS Code，通过点击左侧的扩展图标，访问插件市场。
• 搜索并安装以下推荐的扩展，以增强你的JavaScript开发体验：
  • IntelliCode：基于机器学习的代码完成。
  • ESLint：检查JavaScript代码质量。
  • Prettier：代码格式化工具。
  • Bracket Pair Colorizer：匹配括号颜色高亮，便于阅读。
  • Live Server：轻量级本地开发服务器。

3、创建项目

• 在VS Code中，点击“文件” > “新建窗口”，打开一个新的工作区。
• 点击“文件” > “新建文件夹”来创建一个新的项目文件夹。
• 点击“文件” > “打开文件夹”，选择刚才创建的项目文件夹。

4、编写代码

• 在项目文件夹内，右键点击选择“新建文件”，创建一个新的JavaScript文件（例如：app.js）。
• 编写JavaScript代码，利用VS Code的智能提示和代码补全功能。

二、配置运行环境

1、浏览器选择

• 如Chrome、Firefox或Edge，它们都内置了强大的开发者工具，支持JavaScript调试。

2、安装Node.js

• Node.js是一个JavaScript运行环境，允许您在服务器端运行JavaScript。
• 访问 Node.js 官网 下载并安装Node.js。
• 安装完成后，打开命令行工具，输入node -v来检查Node.js是否正确安装。

3、使用npm或yarn

• npm和yarn是Node.js的包管理器，用于安装和管理项目依赖。
• npm随Node.js一起安装，而yarn需要单独安装。
• 使用npm或yarn安装项目依赖，例如：npm install express 或 yarn add express。

4、设置本地服务器

• 对于简单的JavaScript项目，可以使用HTML文件中的<script>标签直接在浏览器中运行JavaScript。
• 对于更复杂的项目，可以使用Express等框架来设置本地服务器，并运行JavaScript。

三、使用在线工具：JSFiddle

JSFiddle 是一个流行的在线代码编辑器和协作工具，特别适合前端开发。

官网地址：JSFiddle