环境:Win7以上,编辑器 Visual Studio Code,Node.js(含 npm),Yarn(比 npm 更高效,官网yarn.bootcss.com下载安装。建议使用npm install -g yarn)
命令行:使用 Visual Studio Code 中的终端。建议全程使用阿里代理
第一章 React介绍
Vue生态:Vue+Vue-Router+Vuex+Axios+Babel+Webpack
React生态:React+React-Router+Redux+Axios+Babel+Webpack
一、安装React
1、创建React所在的文件夹
比如:D:\开发\React
2、安装React脚手架
打开Visual Studio Code 中的终端
当前路径转到 D:\开发\React
>D:
>cd D:\开发\React
D:\开发\React>cnpm install -g create-react-app
Downloading create-react-app to C:\Users\Administrator\AppData\Roaming\npm\node_modules\create-react-app_tmp
Copying C:\Users\Administrator\AppData\Roaming\npm\node_modules\create-react-app_tmp\_create-react-app@2.1.2@create-react-app to C:\Users\Administrator\AppData\Roaming\npm\node_modules\create-react-app
Installing create-react-app's dependencies to C:\Users\Administrator\AppData\Roaming\npm\node_modules\create-react-app/node_modules
[1/10] commander@2.18.0 installed at node_modules\_commander@2.18.0@commander
[2/10] tmp@0.0.33 installed at node_modules\_tmp@0.0.33@tmp
[3/10] semver@5.5.1 installed at node_modules\_semver@5.5.1@semver
[4/10] validate-npm-package-name@3.0.0 installed at node_modules\_validate-npm-package-name@3.0.0@validate-npm-package-name
[5/10] chalk@1.1.3 installed at node_modules\_chalk@1.1.3@chalk
[6/10] envinfo@5.11.1 installed at node_modules\_envinfo@5.11.1@envinfo
[7/10] cross-spawn@4.0.2 installed at node_modules\_cross-spawn@4.0.2@cross-spawn
[8/10] fs-extra@5.0.0 installed at node_modules\_fs-extra@5.0.0@fs-extra
[9/10] hyperquest@2.1.3 installed at node_modules\_hyperquest@2.1.3@hyperquest
[10/10] tar-pack@3.4.1 installed at node_modules\_tar-pack@3.4.1@tar-pack
All packages installed (62 packages installed from npm registry, used 3s, speed 198kB/s, json 58(105.85kB), tarball 506.55kB)
[create-react-app@2.1.2] link C:\Users\Administrator\AppData\Roaming\npm\create-rea