1 下载nodejs 安装 (此时npm 和 node环境都已经装好)2 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org3 安装git 3 创建一个放置项目的目录，右键选择 Git Bash Here 打开git 输入： npm install -g create-react-app 4 安装完 create-react-app 之后 继续输入 create-react-app my-app6 cd 项目名 下面继续执行 npm start 检测当前项目是否创建成功 正常情况下当输入命令之后 会直接打开默认...
1.项目搭建1.项目初始化 npm install create-react-app -g //全局安装脚手架 create-react-app 项目名 //创建项目 2.antd npm install antd --save3.路由 npm install react-router-dom --saveantd测试 路由测试 路由分为两类：1.直接可访问的（登录页面、404页面...）2.需要登录后才能访问的（垃圾管理页面、用户信息页面....） 在入口文件中重新配置路由 或用结构赋值 当我们访问...
主要分为以下三个步骤安装 debug for chrome配置 launch.json 文件配置内容如下 {"version": "0.2.0","configurations": [{"type": "chrome","request": "launch","name": "Launch Chrome","url": "http://localhost:3000", // 改为目标 url"sourceMaps": true,"webRoot": "${workspaceFolder}","skipFiles": ["node_modules/**"],"sourceMapPathOverrides": {"webpack:///*": "${webRoot}/*"}}] }打断点，在 Debug 模块启动调试本...
那么如何实现装饰器的使用呢？1.在命令行工具中使用 npm run eject。不熟的情况下可能会报错，如果报错的信息大概意思是：有些文件未被追踪到，那么直接git add . 再 git commit -m ""，或者直接在.gitignore中忽略这些文件(不建议)2.npm run eject之后package.json中会出现很多依赖建议yarn/npm i 一下。3.然后打开package.json文件,找到“babel”开头的一个对象,(一般在最后,),这是原始的样子："babel": {"presets": ["react-app...
创建ReactNative项目需要在命令行中创建p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000; background-color: #ffffff } span.s1 { }react-native init HelloWorldHelloWorld是项目名，该命令会创建一个名为HelloWorld的文件夹，其中是一些依赖包，文件等创建完成之后的目录node_modules文件夹里是依赖包ios，android文件夹中是各自的工程文件index.android.js和index.ios.js是入口文件然后在Atom中打...
1.antd官网：https://ant.design/docs/react/introduce-cn2、React中使用Antd1、安装antd npm install antd --save / yarn add antd / cnpm install antd --save2、在您的react项目的css文件中引入 Antd的css@import ‘~antd/dist/antd.css‘;3、看文档使用：如使用Button： 1、在对应的组件中引入Antd import { Button } from ‘antd‘;2、<Button type="primary">Primary</Button>3、React中使用Antd高级配置...
欢迎加入qq群：36952712如果只是想试试 React，那么建议使用 create-react-app来创建一个react项目。快速开始 因为 create-react-app 和 vue-cli 不一样，create-react-app将webpack的相关配置直接封装好了，所以自定制化程度不高，所以考虑手动构建一个 React项目代码下载准备工作安装node环境。配置cnpm(看个人需求)。准备一个空的文件夹react-demo。初始化工程从这里开始新建一个react工程1. 初始化工程目录1 cd react-demo 2 n...
1.全局安装webpacknpm install webpack然后在启动的时候就会报错 改成带上版本号就不会报错npm install webpack@3.5.5 -g --unsafe-perm2.创建package.json文档 .首先新建文件reactWebpacke（这个名字自己随便取），然后在此文件执行下面代码npm init然后一路next下去如下面图片 项目文件夹中会出现一个文件package.json 2.安装react, react-dom, webpacknpm install react react-dom --savenpm install webpack --sa...
前言前面我们已经搭建了基础环境，现在将开发环境更完善一些。devtool在开发的过程，我们会经常调试，so，为了方便我们在chrome中调试源代码，需要更改webpack.config.js，然后启动webpack-dev-server。完成之后在chrome浏览器中打开debug，点击Sources选项，即可看见提示，继而输入你想查看的源文件名即可显示该文件源代码，如果你觉得某处代码有问题，对应行号打上断点即可调试。...... module.exports = {devtool: ‘cheap-modu...
1、准备工作： 首先要知道，搭建一个react项目总是需要安装node.js和npm的，未安装的请移步node.js官网：https://nodejs.org/en/ 检测是否安装成功：npm -v 和node -v 2、npm安装脚手架 执行命令npm install create-react-app 3、使用npx和脚手架创建项目my_app，这个过程可能需要几分钟，请耐心等待 npx create-react-app my_app 这里用到了npx，就是可以让你不用全局安装create-react-app这个工具啦~ 4、创建完成后...
1、安装插件npm install --save-dev babel-preset-mobx mobx mobx-react 2、package.json配置{"presets": ["mobx"] } 参考：https://cn.mobx.js.org/best/decorators.html原文：https://www.cnblogs.com/piaobodewu/p/10505614.html
在项目中，以前如果遇到对dom元素的操作都是直接获取dom元素，比如说： 但是如果修改的样式比较多的话，不如直接“切换”dom元素，如下例子： 这样会节省一些性能。因为操作dom的style是内联样式，css样式优先级：外部样式>内部样式>内联样式。当然，不到万不得已，最好还是不要操作dom元素。——————————————————————————————————————————————————————————————...
asp.net-core-reactasp.net core react简介开发依赖环境.NET Core SDK (reflecting any global.json): Version: 2.2.300Runtime Environment: OS Name: Mac OS XHost (useful for support): Version: 2.2.5node -v v10.16.0开发语言 asp.net core react开发工具 vscode开发流程创建sln项目解决方案「sln 不是必须创建 但是创建了对智能提示友好」dotnet new sln组织项目 为了时髦一些我在和sln并列层级目录里床架了一个src文...
使用rc-pagination分页插件服务端接口开发public ServerResponse<PageInfo> getProductList(int pageNum,int pageSize){// startPage--start// 填充自己的sql查询逻辑// pageHelper-收尾PageHelper.startPage(pageNum,pageSize);List<Product> productList = productMapper.selectList();List<ProductListVo> productListVoList = Lists.newArrayList();for(Product productItem : productList){ProductListVo productListVo = ass...
最新几天学了一下react，发现了几个问题，估计新入坑的同学们也会遇到，下面我先列出来几点1、请求跨域问题2、如何发起请求3、axios的简单封装 全局安装create-react-app脚手架，帮助我们新建react项目npm install -g create-react-app然后创建react项目create-react-app xxx项目名然后安装依赖，并且运行react项目安装 npm install运行 npm start 首先我们解决跨域的问题打开项目生成的package.json文件，修改文件内容如下如果你赖...