react学习-环境搭建

1、https://nodejs/org 下载node安装包，webpack需要node环境

2、安装之后：node -v：查看版本号

3、替换元：npm install -g cnpm --registery=https://registry.npm.taobao.org  替换为阿里的元

4、利用npm 安装webpack：npm install -g webpack ：-g:全局性的

5、webpack：模块打包机、将浏览器不能解释的语言(Scss，TypeScript等)解释为能够识别的js、css。

6、安装vscode

7、在项目目录下执行：npm init -y 快速初始化项目

8、创建目录结构：src：项目资源  dist：发布资源

9、在src下创建index.html、main.js

10、使用cnpm安装webpack ： cnpm -i webpack -D 

         cnpm的安装：全局运行：npm i cnpm -g

12、安装webpack-cli：cnmp i webpack-cli -D  支持webpack打包(和版本有关：4.x以后命名行功能和打包功能分开)

在 webpack 4.x中，有一个很大的特性，就是约定大于配置，约定：默认的打包入口路径是src->index.js