1、安装node.js
中文网址:http://nodejs.cn/
通过以下命令检查是否安装成功
node -v
npm -v
2、npm包管理工具 基本使用
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。
2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
本地安装
npm install 包名@版本号
uninstall同理
全局安装
npm install -g 包名@版本号
uninstall同理
其他常见命令:
npm list -g 查看安装的包列表
npm list grunt
3、创建自己的第一个react项目
npm install -g create-react-app 安装官方提供的生成react项目demo工具
create-react-app hello-react 在当前目录下创建名为hello-react的项目
如果安装包太慢,可以改为国内的淘宝源
npm config set registry https://registry.npm.taobao.org
cd hello-react 进入项目目录
npm start 运行
4、项目目录结构介绍
yarn.lock 安装包版本号
package.json 运行npm start 命令就是运行该文件里的内容
node_modules 外部包文件
public/index.html 页面上显示的html的内容
public/manfest.json PWA 如果是作为一个app,定义app的图标,主体
src /index.js 项目的执行入口
5、【补充】除了使用npm执行外 还可以用yarn
同理运行命令一样 yarn start
参考文章:https://www.jianshu.com/p/2968167c5471