npm搭建React项目

这篇教程详细介绍了如何使用npm来搭建React项目。从安装全局包、创建根目录,到安装React、配置webpack,再到编写index.html、App.jsx和main.js文件,一步步教你建立一个基本的React开发环境。最后,通过在浏览器访问localhost:7777启动本地服务器,查看运行效果。
摘要由CSDN通过智能技术生成

注:该教程出自于极客学院,教程地址:http://www.imooc.com/article/6219

要想使用npm,首先安装node.js

一.安装全局包

$ npm install babel -g
$ npm install webpack -g
$ npm install webpack-dev-server -g

二.创建根目录

创建一个根目录,目录名为:myApp,再使用npm init初始化,生成package.json文件:

$ mkdir myApp
$ cd myApp/
$ npm init
name: (myApp) 
version: (1.0.0)
description: 
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to /Users/tianqixin/www/reactApp/package.json:{
    "name": "react-runoob",
    "version": "1.0.0",
    "description": "cllgeek test",
    "main": "index.js",
    "scripts": {
    "start": "webpack-dev-server --hot"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
        "react": "^0.14.8",
        
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值