react入门与问题解决

下载并安装node.js：https://nodejs.org/zh-cn/download/，安装成功：npm -version

快速构建react项目：

1、国内使用npm速度很慢,使用淘宝定制的cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

$ cnpm i

$ npm config set registry https://registry.npm.taobao.org

验证设置：npm config get registry

 

2、npm版本低于5.2，全局安装create-react-app，命令：

>npm install -g create-react-app

>create-react-app my-app

npm版本高于5.2

>npx create-react-app my-app

 

3、快速构建，使用cnpm install [name]安装模块

$ cnpm install -g create-react-app

$ create-react-app my-app

$ cd my-app/

$ npm start

启动公司项目还是遇到了几个问题，记录下来：

使用npm start命令运行项目时，报错： 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序，执行：npm install -g webpack-dev-server后，有新的报错提示：Cannot find module 'webpack/bin/config-yargs'，然后又执行：npm install -D webpack-cli，然后还是报错，提示有python未安装：“checking for Python executable "python" in the PATH”，最后使用cnpm install将相关包全部引入。至此，问题全部解决，启动项目成功。