react环境的搭建和我的部分常见问题

nodejs的安装(为了下载react安装包的环境)

安装完nodejs后

步骤一 全局安装create-react-app
先更改镜像源否则很慢 切换淘宝镜像
(一）用库切换

npm i -g nrm

查看 nrm -v
列表 nrm ls
切换镜像 nrm use taobao

如果使用yarn还是失败 也要切换国内源

(二）直接切换

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

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

全局安装create-react-app

$ npm install -g create-react-app

打开powerShell 查看版本 create-react-app -v 看是否成功
若出现此类错误 create-react-app : 无法加载文件 e:\Program Files\nodejs\create-react-app.ps1，因为在此系统上禁止运行脚本。有关详细信息
，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1

• create-react-app

•   + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess
  

解决：打开了命令行之后,输入set-ExecutionPolicy RemoteSigned，并且把权限改权限为A，然后通过 get-ExecutionPolicy查看当前的状态

步骤二 创建一个项目

这个在vscode 的集成终端中进行就行

一次安装以后随便使用，注意要更新换代就好

$ create-react-app [ name ]

若不想使用全局安装可以使用npx （下载得等等时间）

$ npx create-react-app [ name ]

使用

$ cd [name]

localhost:3000

npm start

启动成功

README.md 使用方法文档
node_modules 所有依赖安装的目录
package-lock.json 锁定必须需要的版本号
package.json 临时大体的安装的包的版本号
public 静态公共目录
src 开发使用的源代码目录

项目复制

复制时只需复制选中的项

复制的不能直接使用还需要下述命令 安装依赖 i—install

$ npm i

出现问题

删除node_modlues及package-lock.json 然后重新执行npm install命令。若还是不能解决在上一步的同时清楚npm （寻找npmc 可以用eyething搜索）缓存 npm cache clean --force再执行 npm install命令。