React笔记一：配置环境

React笔记一：配置环境

配置环境

1. 安装nodejs----内置了npm，并进行环境配置
   • npm是随同nodejs一起安装的包管理工具。
2. 设置npm为淘宝镜像源

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

3. 安装yarn
   • yarn是Facebook公司出品的用于管理nodejs包的一款软件。yarn是为了弥补 npm 的一些缺陷而出现的，建议使用yarn

npm install -g yarn

4. 安装webpack
   • 模块化打包工具：具体不知

# 注意一定要全局安装
npm install -g webpack
# 安装webpack-cli
npm install webpack-cli -g

5. 安装cnpm
   • cnpm是淘宝 npm镜像，更快。

遇到问题：

1. 在使用vscode，查看webpack版本时，报错：

• 解决方案：https://blog.csdn.net/larpland/article/details/101349586

1. 以管理员身份运行vscode;
2. 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;
3. 执行：set-ExecutionPolicy RemoteSigned;
4. 这时再执行get-ExecutionPolicy，就显示RemoteSigned;

2. 安装webpack时报错
   • 报错日志

11 verbose stack SyntaxError: Unexpected end of JSON input while parsing near '...se,"publish_time":149'

• 解决方案：镜像源问题，使用淘宝镜像源安装

3. 安装webpack-cli是报错：Error: Cannot find module ‘webpack-cli/package.json’

• 解决方案：需要全局安装

npm install webpack-cli -g