美文网首页
Mac新建React项目

Mac新建React项目

作者: ShawnAlex | 来源:发表于2020-08-07 17:21 被阅读0次

安装node

$ node -v 

node -v 检查安装的node版本, 返回版本号即说明node已安装
如果没有安装, 官网下载安装即可
官网: http://nodejs.cn/download/
新版的NodeJS 已经集成了npm 无需安装, 如果npm -v 没返回版本号, 则需要自行安装一下

安装全局create-react-app

Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。它本身集成了Webpack,并配置了一系列内置的loader和默认的npm的脚本,可以很轻松的实现零配置就可以快速开发React的应用。

$ sudo npm install -g create-react-app

接下来会让你输入密码, 密码不会显示出来

Password:

安装项目

create-react-app XXX (XXX为你想建立的项目名)

项目会自动安装, 等待就安装就可以

pic.png

运行项目

cd XXX  (刚才起项目名的文件夹内)
yarn start     //运行
pic1.png
pic2.png

相关文章

  • Mac新建React项目

    安装node node -v 检查安装的node版本, 返回版本号即说明node已安装如果没有安装, 官网下载安...

  • Mac新建react项目环境

    一,安装node 确认电脑上已安装node.js,可以在终端输入命令$ node -v 按回车键若有返回版本号说明...

  • 解决create-react-app后,运行npm run ej

    问题重现:在Mac环境下使用create-react-app脚手架工具新建项目后,运行npm run eject后...

  • docz使用

    1. 新建 (1)新建项目 (2)安装docz依赖 npm install docz # react react-...

  • RN 常用命令

    1.新建RN项目 //创建项目(新建RNDemo项目) react-native init RNDemo //安装...

  • 新建React项目

    系统:mac os 12.10 依赖项:node.js: v6.10.2npm: v5.6.0 打开命令行: cd...

  • react新建项目

    1.安装node 2.在cmd命令行中输入: npm install -g create-react-app,cr...

  • 新建React项目

    1、创建React项目 方法1:通过npm install create-react-app -g,create-...

  • react暴露webpack配置文件

    在react中安装create-react-app脚手架新建项目,但是新建的项目中没有配置文件。 webpack的...

  • react-redux-typescript

    react redux Typescript 的使用 新建项目 用create-react-app新建一个reac...

网友评论

      本文标题:Mac新建React项目

      本文链接:https://www.haomeiwen.com/subject/sqzfdktx.html