tutorials/000_local_installation/index.md

commit ef8cd9d90d326549aa3e6b43c2d4b78f846144d0

本地安装 Dojo

概述

本教程介绍如何在本地安装 Dojo 环境。

创建 Dojo 应用程序

首先,我们需要创建一个 Dojo 项目。 Dojo 为创建应用程序提供强大和先进的工具。 它提供了一个高效的命令行工具,来简化安装过程, 使用以下命令安装此工具:

npm install -g @dojo/cli

该命令会安装 Dojo 命令行工具(@dojo/cli),它简化创建、测试和构建应用程序等相关的开发任务。 @dojo/cli 工具默认自带两个选项:

  • ejet - 将一个项目与 @dojo/cli 工具断开,允许高阶用户自定义配置
  • version - 显示 @dojo/cli 版本信息和已安装的命令

运行 dojo 命令将显示所有可用的子命令,即使这些子命令还没有安装。当你尝试运行一个不可用的子命令时,CLI 会打印一条消息提示需要先安装此命令。

在创建你的第一个 Dojo 应用程序前,请先全局安装 @dojo/cli-create-app 命令,该命令用于创建项目模板:

npm install -g @dojo/cli-create-app

一旦命令安装完成,请运行以下命令创建你的 Dojo 项目:

dojo create app --name first-dojo-app

{% aside 'Dojo create arguments' %}
传入 dojo create app 的很多参数都有缩写版本。所以 dojo create app -n first-dojo-app 等价于 dojo create app --name first-dojo-app
{% endaside %}

该命令将在新建的 “first-dojo-2-app” 文件夹下创建 Dojo 应用程序的基本项目结构,并预安装的所有依赖库。

就是这么简单,此刻我们已成功创建了第一个基本的 Dojo 应用程序,并安装了它的依赖库。 现在让我们看看新建的应用程序能做什么! 第一步,我们使用另一个 @dojo/cli 命令。 您不需要自己动手去安装这个命令,它会随着其他依赖一起安装。 在终端切换到 first-dojo-app 文件夹,然后输入 dojo build --mode dev --watch --serve 命令:

cd first-dojo-app
dojo build --mode dev --watch --serve

(或简写为 dojo build -m dev -w -s)

{% aside 'Production build as a default' %}
@dojo/cli-build-app 命令默认使用 --mode dist 参数创建一个可用于生产环境的构建。提供的 --mode dev 参数将指示该命令创建一个对开发友好的构建,方便调试和不间断的开发。
{% endaside %}

此命令将触发 Dojo 工具使用 Webpack 构建和 transpile 项目, Webpack 是一款优秀的 JavaScript 源码优化工具。 --watch(或 -w) 标志用于监听变化,当有任何变化发生并保存到硬盘后,就立即重新构建项目;而 --serve (或 -s)标志会启动一个轻量级的 web 服务器,这样当我们修改一些源码后,可在浏览器中即时运行程序。

为了查看应用程序的功能, 请打开一款主流的 web 浏览器(如最新版的 Chrome,Edge,Firefox,Internet Explore 或 Safari), 并导航到 http://localhost:9999。 您将看到一个简陋的页面,欢迎你访问新建的应用程序。


blocklang
9 声望2 粉丝

引用和评论

0 条评论