2024最新Neutrino安装教程：从零基础到启动第一个项目只需5分钟

Neutrino是一款能够帮助开发者零配置创建和构建现代JavaScript项目的强大工具。本教程将带你快速掌握Neutrino的安装方法，即使是零基础也能在5分钟内启动你的第一个项目。

📋 安装前的准备工作

在开始安装Neutrino之前，你需要确保系统中已经安装了以下环境：

• Node.js 10.0.0或更高版本
• npm或Yarn包管理工具

如果你还没有安装Node.js，可以访问Node.js官网下载并安装适合你操作系统的版本。安装完成后，npm会自动随之安装。

⚡ 快速安装：使用脚手架工具（推荐）

Neutrino提供了一个便捷的脚手架工具@neutrinojs/create-project，可以帮助你快速创建新项目。这是推荐的入门方式，特别适合新手。

使用Yarn安装

yarn create @neutrinojs/project <项目目录名>

使用npm/npx安装

npx @neutrinojs/create-project <项目目录名>

例如，如果你想创建一个名为"my-first-neutrino-project"的项目，只需运行：

npx @neutrinojs/create-project my-first-neutrino-project

🔨 手动安装方法

如果你需要手动安装Neutrino，可以按照以下步骤进行：

使用Yarn安装

yarn add --dev neutrino MIDDLEWARE

使用npm安装

npm install --save-dev neutrino MIDDLEWARE

其中，MIDDLEWARE是你想要安装的中间件名称。例如，如果你想使用React预设：

npm install --save-dev neutrino @neutrinojs/react

🚀 创建你的第一个项目

运行脚手架命令后，你将进入交互式配置过程：

1. 选择项目类型（应用程序、库或组件）
2. 选择框架（React、Preact、Vue等）
3. 选择测试运行器（Jest、Karma或Mocha）
4. 选择代码风格检查工具（Airbnb或StandardJS）

Neutrino支持多种项目类型，包括：

项目类型	描述	使用的中间件
React	React应用	@neutrinojs/react
Preact	Preact应用	@neutrinojs/preact
Vue	Vue应用	@neutrinojs/vue
Web	通用Web应用	@neutrinojs/web
Node.js	Node.js应用	@neutrinojs/node
Library	类库项目	@neutrinojs/library
React Components	React组件库	@neutrinojs/react-components

📁 项目结构

Neutrino遵循标准的项目布局，所有源代码放在src目录下，测试代码放在test目录下：

my-first-neutrino-project/
├── src/
│   └── index.js
├── test/
│   └── simple_test.js
├── package.json
└── neutrino.config.js

▶️ 运行项目

项目创建完成后，你可以使用以下命令启动开发服务器：

yarn start
# 或
npm start

构建生产版本：

yarn build
# 或
npm run build

运行测试：

yarn test
# 或
npm test

📚 进一步学习

恭喜！你已经成功安装并创建了你的第一个Neutrino项目。要了解更多关于Neutrino的使用方法，可以查阅官方文档：

• 完整文档：docs/
• 自定义配置指南：docs/customization.md
• 中间件和预设：docs/middleware.md 和 docs/presets.md

Neutrino让JavaScript项目的创建和构建变得前所未有的简单，无论是小型应用还是大型项目，它都能满足你的需求。现在就开始探索Neutrino的强大功能吧！