从node.js、npm、react到electron 环境搭建的那些事

**

vscode使用技巧

**

查看npm下载的包的存放路径
npm config get prefix
修改全局安装路径
npm config set prefix "D:/WebCode/npm"
npm config set cache "D:/WebCode/npm/"
切换成淘宝的镜像
npm config set registry https://registry.npm.taobao.org
查看是否切换成功
npm config get registry
查看cnpm是否安装成功
cnpm -v
node.js查找模块列表
module.paths
如果列表里面没有我们设置的npm的全局安装路径,则需要将全局路径添加至node.js的模块列表中
module.paths.push("D:/WebCode/npm")
使用 create-react-app 快速构建 React 开发环境
安装create-react-app
cnpm install -g create-react-app
查看react是否安装成功
create-react-app
运行react项目
先cd 到项目根目录下 然后 
npm run start
 即可运行此项目

当你遇到需要同时获取多个子组件数据,或者两个组件之间需要相互通讯的情况时, 需要把子组件的 state 数据提升至其共同的父组件当中保存。
之后父组件可以通过 props 将状态数据传递到子组件当中。 这样应用当中所有组件的状态数据就能够更方便地同步共享了

  • todo 扩展程序React DevTools
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值