react-项目分析笔记-npm start到底做了什么

最新推荐文章于 2024-03-18 00:04:18 发布

原创最新推荐文章于 2024-03-18 00:04:18 发布 · 1.6k 阅读

3 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

104 篇文章

订阅专栏

本文详细介绍如何通过npm安装http-server模块，并将其配置到package.json中，实现一键启动本地HTTP服务器。文章还展示了如何创建一个简单的HTML主页，并通过运行npm start命令在浏览器中预览。

1

package.json

2

2.1 package.json

{
    "scripts": {
        "start": "http-server -a 0.0.0.0 -p 8000"
    }
}

2.2命令：npm install http-server

这时候的 package.json

{
    "scripts": {
        "start": "http-server -a 0.0.0.0 -p 8000"
    },
    "dependencies": {
        "http-server": "^0.12.0"
    }
}

2.3 创建主页

<html>
<head>
<title>test</title>
</head>
<body>
hello word
<body>
</html>

文件结构

2.4 运行效果

执行命令:npm start

浏览器输入：http://127.0.0.1:8000/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

科学的发展-只不过是读大自然写的代码

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

关于react npm start的问题和解决办法

qq_36358746的博客

09-17

3503

关于二次npm start失败且报错的解决办法：在项目都安装完 npm start启动试验过hello world这种程序可以运行后因为自定义js文件内部的一些改动，造成了页面展示报错。此时我做了一个很愚蠢的决定，我先关闭了localhost3000的页面，然后关闭了终端重点在于，我并没有停止，而是直接关闭然后我又新建终端运行npm start 报错了！ npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test1@0.1.0 start: re

React 个人学习笔记

Bowen的博客

11-13

1109

创建项目： 1、如果没有react脚手架，先安装一个 npm install -g create-react-app 2、创建 create-react-app my_project 3、启动 npm start

参与评论您还未登录，请先登录后发表或查看评论

npm start 作用

weixin_30776863的博客

12-10

586

在配置phonecat项目时需要运行npm start在本地配置一个服务器环境，npm start首先会安装一系列的必要程序，这些程序依赖package.json中的内容，package.json中的内容详解如下：依赖包介绍在克隆项目之后，目录如下： ➜angular-phonecat git:(master) ✗ tree -L 2.├── LICENSE├── READM...

NPM React从零开始搭建

07-22

从零开始搭建，在Node.js环境下的跑React框架

node 中npm start 做了哪些事情

moyebaobei1的博客

04-02

5436

创建node项目常用的两种方式，一种是通过express,它是基于node的后台框架。另一种是通用的node工程。 express不讨论。最近引用开源的node项目，执行了一系列操作，不知道这个过程是怎么实现的。心血来潮探究一二。具体引用方式如下其中【kurento-one2many-call】托管项目结构如下 npm install && npm star...

React-Redux-Firebase-笔记

02-16

npm start 在开发模式下运行应用程序。打开在浏览器中查看。如果进行编辑，页面将重新加载。您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行程序。有关更多信息，请参见关于的...

react-music-lhy:基于react16+ react-router4+ typescript react-redux的移动端音乐播放器

05-06

一个适合练手的react项目项目正在用hooks重构体会vue与react项目区别声明：本项目参考了滴滴大佬的vue项目，原vue项目请关注项目运行后端项目启动安装mysql 启动mysql服务:net start 登录用户: mysql -uroot ...

react-native-mapbox-gl官方demo踩坑 -- 工作笔记

simper_boy的博客

04-21

1016

这个是在RN环境下的（搭建好react-native环境后） react-native-mapbox-gl 旧仓库地址新仓库地址介绍看官方文档（上面两个链接），简单来说就是混合开发适合app端改造过后的mapbox-gl mapbxo-gl文档上也有android端和ios端的sdk（不会原生的可以使用上面改造后的）推荐使用新仓库，下面说一下运行新旧官方示例demo踩的坑首先是去仓库把...

push-t-notification-react-native-firebase

04-29

推送通知React本地火力安装 git clone git@github....现在， react-native-firebase可以做react-native-fcm可以做的事情，因此并行构建同一事物是浪费精力的。由于这几天我变得越来越忙碌，并且在re

npm start启动的是什么

ThinPikachu的博客

10-26

4775

具体来说，当在项目目录下执行 npm start 命令时，npm 将会在该项目的根目录下查找 package.json 文件，并查找其中的 "scripts" 对象中是否包含了名为 "start" 的属性。开发者可以在 package.json 文件中定义自己的脚本命令，例如 "dev"、"test" 等等，以实现不同的功能。npm start 命令是在一个 Node.js 项目中执行的一个自定义命令，用于启动该项目。在大多数情况下，"start" 属性的值是一个用于启动应用程序的命令。

npm start运行了什么

zhizhuodewo6的博客

03-29

3951

npm start运行了什么，需要根据工程中的package.json来定，例如： 1、netsjs的demo的package.json内容如下： { "name": "nestjs-demo", "version": "0.0.1", "description": "", "author": "", "private": true, "license": "UNLICENSED", "scripts": { "prebuild": "rimraf dist",

creat-react-app 从npm start 跟npm run build后走过了那些文件

weixin_38267121的博客

05-16

1万+

npm install creat-react-app后，大家比较关心的就是package.json，还有webpack.config(这个文件是在根目录下找不到)。至于为什么找不到呢？那是因为creat-react-app想让你有一种拎包入住的感觉，什么配置，什么参数之类的都不用管，你只要去开发逻辑代码就行了。所以他把所有的配置项都给藏起来了。找肯定是能找到的。所有的配置项什么加载规则，...

npm start

落叶无声的专栏

09-29

1596

The npm start command runs a command specified in the package's "start" property of its "scripts" object. If no "start" property is specified on the "scripts" object, it will run node server.js

八步亲手用npm开发React

来自幻想

07-27

1602

亲手用npm开发React一个简单的部署开发过程, 需要已经了解npm, react和有一定terminal知识, 通过此文可以简单了解到现代前端的开发过程, 亲手配置一个开发过程, 体会是难以言表的.第零步配置Node第一步初始化开发目录创建一个根目录, 名为: ReactNpm, 并用npm init初始化, 根据你的需求改变默认配置$ mkdir ReactNpm $ cd ReactNp

React踩坑系列——脚手架运行npm start时报错