npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

create-dylan-project

v1.2.2

Published

创建项目脚手架

Downloads

2

Readme

create-dylan-project PRs Welcome

通过脚本创建 React 项目 无需任何配置

create-dylan-project 可以运行在 Windows、macOS、Linux上 . 如果有些东西不起作用 如果你有问题,可以随时询问 GitHub Issues.

快速上手

npx create-dylan-project init my-app
# 根据问题回答选择你的项目模板
cd my-app
npm start

如果你已经安装过 create-dylan-project 并且全局安装了 npm install -g create-dylan-project, 建议你先进行卸载 npm uninstall -g create-react-app or yarn global remove create-react-app 确保你使用 npx 安装最新版本

(npx 附带npm 5.2+及更高版本,请参阅旧版npm的说明)

然后打开 http://localhost:3000/ 查看你的应用程序. 如果你项目部署生产环境时,可以使用 npm run build.

创建应用程序

您需要在本地开发机器上安装Node 14.0.0或更高版本 我们建议使用最新的LTS版本。你可以用 nvm (macOS/Linux) or nvm-windows 在不同项目之间切换节点版本。

要创建新应用,您可以选择以下方法之一:

npx

npx create-dylan-project init my-app

(npx 是npm 5.2+及更高版本附带的软件包运行工具,请参阅 instructions for older npm versions)

npm / yarn

或者使用 npm / yarn 全局安装 create-dylan-project

#npm

npm install -g create-dylan-project

#yarn 

yarn add --global create-dylan-project

# 使用全局命令进行创建项目

create-dylan-project init my-app

它将在当前文件夹中创建一个名为“my-app”的目录

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js
    └── setupTests.js

No configuration or complicated folder structures, only the files you need to build your app.

安装完成后,您可以打开项目文件夹:

cd my-app

在新创建的项目中,可以运行一些内置命令:

npm start or yarn start

以开发模式运行应用程序 打开 http://localhost:3000 to view it in the browser.

如何你更改代码项目将重新加载. 你可以在控制台看到构建错误和eslint警告