当前位置: 代码迷 >> 综合 >> react学习使用(webstorm)
  详细解决方案

react学习使用(webstorm)

热度:90   发布时间:2023-11-24 10:38:14.0

新建项目过程

  • npm init - y(
  • 或者cnpm更快(npm i cnpm -g)
  • 建立src和dist目录
  • src下建立首页index.html,index.js
  • cnpm i webpack -D -g
  • cnpm i webpack cli -D -g
  • (加D g)
  • webpack
  • 加入webpack.config.js(module.exports={})
  • package 加入"dev": “webpack-dev-server”
  • 遇到webpack-dev-server不是内部命令
  • html-webpack-plugin(内存运行页面插件)
  • npm i react react-dom -d
  • index.js引入react
    import React from ‘react’
    import ReactDOM from ‘react-dom’
    即可使用了!!!!!!!!!!
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述
    项目结构和内容见图
  相关解决方案