📜  nx create - Javascript (1)

📅  最后修改于: 2023-12-03 15:33:15.820000             🧑  作者: Mango

nx create - JavaScript

nx create 是一个基于 Angular CLI 的命令行工具,用于创建新的 JavaScript 应用程序。

为什么使用 nx create

在创建一个新的 JavaScript 应用程序时,通常需要考虑很多事情,比如项目结构、应用程序框架、代码分层等等。 nx create 工具在这些方面为你提供了一些默认的设置,并且将你的应用程序与一些基本的功能模块集成在一起。

此外,由于 nx create 是基于 Angular CLI 开发的,所以你可以利用其提供的大量的构建工具和插件,为你的应用程序提供更好的开发体验。

如何使用 nx create

要使用 nx create 工具,你需要遵循以下步骤:

  1. 在终端中,使用 cd 命令导航到你需要创建新应用程序的目录下。

  2. 运行以下命令:

    nx create <appName>
    

    其中 <appName> 为你的应用程序名称。运行该命令后,你将看到一个交互式的命令行工具,该工具将引导你完成所有的设置。

  3. 接下来,你可以根据需要选择使用哪种应用程序框架(例如 React、VueJS、Angular)或其他设置。

    ? Application name: my-app
    ? Default stylesheet format: CSS
    ? Which Nx preset would you like to use?empty    [an empty workspace]
    > web    [a workspace with a single app built using web standards]
    angular [a workspace with a single Angular application]
    ...
    ? Which stylesheet format would you like to use?CSS
    
  4. 完成设置后,运行以下命令启动你的新应用程序:

    cd <appName>
    npm start
    

    此命令将启动开发服务器,你的新应用程序将在本地主机上的默认端口上运行。

nx create 常用选项
  • --dry-run: 运行该命令以检查将创建的文件和目录,但不会实际创建。

  • --skip-git: 该选项将跳过 Git 初始化。

  • --skip-install: 该选项跳过依赖项安装步骤。

  • --interactive: 该选项将交互式地进行设置。

  • --preset: 指定应用程序种类(例如空白工作区、使用 Web 标准构建的单一应用程序、使用 Angular 构建的单一应用程序等)。

nx create 的优点
  • 提供了标准的项目结构。

  • 集成了一些基本的功能模块。

  • 基于 Angular CLI,具有强大的构建工具和插件库。

  • 支持使用多种应用程序框架(例如 Angular、React、VueJS)开发。

  • 支持创建空白工作区或具有单一应用程序的工作区。

  • 支持自定义设置。

代码示例

以下是一个使用 nx create 命令创建新 Angular 应用程序的示例:

nx create my-angular-app --preset=angular
cd my-angular-app
npm start

返回的代码片段:

nx create my-angular-app --preset=angular


### Markdown 示例

`nx create` 命令的介绍由上述内容组成,这是一个 Markdown 格式的示例:

nx create - JavaScript

nx create 是一个基于 Angular CLI 的命令行工具,用于创建新的 JavaScript 应用程序。

为什么使用 nx create

...

代码示例

以下是一个使用 nx create 命令创建新 Angular 应用程序的示例:

nx create my-angular-app --preset=angular
cd my-angular-app
npm start

**注意:** 这只是一个简单的例子,你可以根据自己的需要修改和扩展你的 Markdown 文件。