在开始使用 Svelte 进行开发之前，我们需要先安装 Svelte。本章将详细介绍如何在不同环境中安装 Svelte，并设置一个基本的开发环境。
使用 npm 安装 Svelte
Svelte 可以通过 npm（Node.js 的包管理器）进行安装。首先，确保你的计算机上已经安装了 Node.js 和 npm。你可以通过运行以下命令来检查是否已安装：
node -v npm -v
如果这两个命令都能成功返回版本号，那么说明 Node.js 和 npm 已经安装好了。
接下来，你需要创建一个新的项目目录，并在该目录中初始化一个新的 npm 项目：
mkdir my-svelte-project cd my-svelte-project npm init -y
这将在当前目录下创建一个 package.json 文件，用于存储项目的元数据和依赖项。
接下来，我们可以在项目中安装 Svelte。Svelte 本身并不是一个全局的命令行工具，而是作为构建过程的一部分被使用的库。因此，我们将安装 svelte 包以及 rollup（一个流行的 JavaScript 模块打包器）作为开发依赖项：
npm install svelte --save npm install rollup @rollup/plugin-node-resolve @rollup/plugin-commonjs --save-dev
这些命令会将 svelte 添加到项目的依赖项列表中，并将 rollup 及其相关插件添加到开发依赖项列表中。
创建 Svelte 应用
安装完必要的依赖项后，我们就可以开始创建一个基本的 Svelte 应用了。Svelte 提供了一个脚手架工具 svelte-create 来快速搭建应用结构。首先需要全局安装这个工具：
npm install -g degit
然后使用 degit 下载一个简单的 Svelte 起始模板：
degit sveltejs/template my-svelte-app
这会在当前目录下创建一个名为 my-svelte-app 的文件夹，里面包含了 Svelte 应用的基本结构。
进入这个新创建的文件夹并安装项目依赖：
cd my-svelte-app npm install
现在，你可以启动开发服务器来查看你的 Svelte 应用：
npm run dev
默认情况下，开发服务器会在 http://localhost:5000 上运行。打开浏览器，访问这个地址，你应该能看到一个简单的欢迎页面。
配置 Svelte 开发环境
虽然 Svelte 自身并不需要复杂的配置，但为了更好的开发体验，我们通常还需要配置一些额外的工具，如代码编辑器插件、热重载等。这里我们将介绍如何配置 Visual Studio Code 和 Webpack。
Visual Studio Code 插件
对于 Visual Studio Code 用户，推荐安装以下插件：
- Svelte for VSCode：提供语法高亮、智能感知等功能。
- Prettier - Code formatter：自动格式化代码，保持一致的编码风格。
Webpack 配置
如果你更喜欢使用 Webpack 作为模块打包器，可以按照以下步骤进行配置：
安装 Webpack 相关的依赖：
npm install --save-dev webpack webpack-cli svelte-webpack-loader
在项目根目录下创建
webpack.config.js文件，并添加如下内容：-- -------------------- ---- ------- ----- ---- - ---------------- -------------- - - ------ ---------------- ------- - ----- ----------------------- ---------- --------- ----------- -- ------- - ------ - - ----- ------------ ---- - ------- ---------------- -------- - -------- ----- ---------- ---- - - - - -- -------- - ----------- -------- ------ ----------- ------ - ------- ---------------------------- --------- - -- ----- -------------- -------- ------------------- --更新
package.json中的scripts部分，添加一个用于运行 Webpack 的脚本："scripts": { "build": "webpack", "start": "webpack serve --open" }
现在，你可以使用 npm run start 命令启动基于 Webpack 的开发服务器。
以上就是安装和配置 Svelte 开发环境的基本步骤。通过这些设置，你将能够在一个高效且友好的开发环境中开始学习和开发 Svelte 应用。