npm 包 @new/new 使用教程

什么是 @new/new

@new/new 是一个优秀的前端脚手架工具,它提供了快速搭建 React/Vue.js 项目的能力,同时也支持 TypeScript 和 Preact 等其他技术栈。

安装步骤

首先,我们需要安装 Node.js 环境。安装完成后,我们可以使用 npm 或者 yarn 来安装 @new/new。

npm

- --- ------- -- --------

yarn

- ---- ------ --- --------

安装完成后,我们可以创建一个新的项目:

- --- ----

使用示例

在本例中,我们将创建一个基于 React 技术栈的项目。假设我们的项目名为 my-project。

初始化项目

首先,我们需要创建并初始化一个项目:

- --- ----------

按照提示,我们可以选择 React 或者其他技术栈。

接下来,@new/new 会自动生成项目的基础文件结构,并安装项目所需要的依赖。

启动项目

进入项目目录,我们可以用下面的命令启动项目:

- --- -----

这个命令将会在浏览器中打开项目的主页,我们可以开始开发。

构建项目

进行项目开发时,我们需要持续构建项目。可以使用以下的命令构建项目:

- --- --- -----

这个命令将会构建并打包项目,生成 build 目录。我们可以将 build 目录中的静态文件部署到服务器上。

测试项目

在项目中,@new/new 也提供了测试的支持。可以使用以下的命令来运行测试:

- --- ----

这个命令将会启动测试运行器,并运行你编写的测试用例。

总结

@new/new 提供了强大的脚手架能力,可以帮助我们更快、更方便的搭建前端项目。同时,它也支持多种技术栈,可以根据不同的业务选择不同的技术栈,满足你的需求。

希望本文介绍的@new/new 使用教程能够帮助读者更好地理解和掌握该工具的使用,同时也能在项目中更加高效地进行开发。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005722d81e8991b448e8534


猜你喜欢

  • npm包 @react-native-payments/braintree 使用教程

    简介 @react-native-payments/braintree 是一款可在 React Native 应用中使用的 braintree 支付插件。braintree 是一个 PayPal 子公...

    3 年前
  • npm 包 @react-native-payments/cli 使用教程

    前言 随着移动支付在移动端的普及,移动应用在实现移动支付功能时也变得越来越重要,React Native 作为跨平台移动应用开发框架,自然也需要配备相应的移动支付库。

    3 年前
  • npm 包 foobar-tags-reader 使用教程

    最近,我发现了一个非常实用的 npm 包,名为 foobar-tags-reader。这个包可以帮助前端开发者快速获取并解析 HTML 或 XML 中的标签和属性信息。

    3 年前
  • npm 包 @react-native-payments/stripe 使用教程

    前言:本文讲述的是如何使用 npm 包 @react-native-payments/stripe 在 React Native 项目中实现支付功能。 Stripe 是一款支持在线支付的工具,旨在为开...

    3 年前
  • npm 包 gdax-trading-toolkit-nh 使用教程

    介绍 gdax-trading-toolkit-nh 是一个基于 Node.js 的 Coinbase Pro(gdax)交易所 API 的封装库。使用该库,可以方便地在 Node.js 环境下进行 ...

    3 年前
  • npm 包 iobroker.hyperion 使用教程

    前言 iobroker.hyperion 是一个基于 Node.js 的 npm 包,用于控制 Hyperion 平台上的 LED 灯带及其周边设备。Hyperion 是一个致力于递交完整的 LED ...

    3 年前
  • npm 包 react-native-payments-addon-stripe 使用教程

    React Native 是一种用于编写本机移动应用程序(以 JavaScript 编写)的框架, 此外它还可以利用各种可用的 npm 包扩展应用程序的功能。在本文中,我们将了解一个称为 react-...

    3 年前
  • NPM包react-native-payments-addon-braintree使用教程

    简介 随着移动支付的发展,越来越多的应用需要用到移动支付功能。Braintree是一款支付服务提供商,在其SDK的基础上,有一款React Native的插件:react-native-payment...

    3 年前
  • npm 包 react-native-payments-cli 使用教程

    react-native-payments-cli 是一款用于 React Native 应用实现支付功能的 npm 包。该包支持 iOS 和 Android 平台,并提供了丰富的 API 接口让开发...

    3 年前
  • npm 包 mya-optimizer-jinja-xss 使用教程

    介绍 mya-optimizer-jinja-xss 是一个用于防止 jinja 模板注入攻击的 npm 包。 在前端开发中,很多场景需要使用模板引擎来渲染页面和数据。

    3 年前
  • npm包nodebb-plugin-watson使用教程

    前言 在现代web开发中,前端技术已经成为了必不可少的一部分。而在前端技术的不断发展和更新中,npm包已经成为了前端开发的基础。同时,也有很多优秀的npm包能够帮助我们快速地实现一些很酷的功能。

    3 年前
  • npm 包 action-u 使用教程

    简介 在前端开发中,调用不同的方法来控制应用的状态、执行操作、处理事件等操作是非常常见的需求,而我们可以使用 Action-u 这个 npm 包来帮忙实现这些功能。

    3 年前
  • npm 包 test_version 使用教程

    在前端开发中,我们经常需要通过 npm 包来获取一些依赖库或工具,而测试是一个非常重要的环节。test_version 是一个可以帮助我们在项目中自动测试不同版本 npm 包的工具。

    3 年前
  • npm 包 geojson-popup 使用教程

    简介 在 web 开发中,经常需要将一些地理信息展示在地图上,而 GeoJSON 是一种非常常用的地理数据格式。GeoJSON-popup 是一个开源的 npm 包,它提供了一种简单的方式来添加弹出窗...

    3 年前
  • npm 包 muix-components 使用教程

    概述 muix-components 是一个基于 Vue.js 的开源组件库,包含了很多常用的 UI 组件和工具类。使用该组件库,我们可以快速搭建一个符合界面样式的 Web 应用,并且可以轻松地进行二...

    3 年前
  • npm 包 Node-buxfer 使用教程

    在前端开发中,我们经常会遇到和财务数据交互的需求。Node-buxfer 是一个帮助我们轻松管理财务数据的 Node.js 模块,可以轻松地读取和写入 Buxfer.com 账户信息。

    3 年前
  • npm 包 node-experiencepoints 使用教程

    在前端开发过程中,我们可能会经常使用到一些第三方库或者插件,这些库或插件往往会被打包成一个npm包,供开发者调用。今天我们就来介绍一个很实用的npm包——node-experiencepoints,该...

    3 年前
  • npm 包 nodowntime 使用教程

    npm 包 nodowntime 使用教程 前言 在 web 开发过程中,我们往往会遇到需要对服务器进行升级或者维护的情况,这时候就需要对应用程序进行下线,更新和重启等操作。

    3 年前
  • npm 包 @morulus/overflow 使用教程

    什么是 @morulus/overflow @morulus/overflow 是一个能够检测元素是否出现溢出的 npm 包。该包基于 jQuery 开发而成,支持在前端页面中使用。

    3 年前
  • npm 包 angular-library-starter-poc-1 使用教程

    简介 angular-library-starter-poc-1 是一个 Angular 库的起始模板,它使用了 Angular6 和 ng-packagr。 这个模板可以帮助你快速创建一个符合 An...

    3 年前

相关推荐

    暂无文章