H5配置环境

H5配置环境
RN体系：压缩文件后形成的可执行编译包作用于手机设备(RN体系的可执行编译包运行于手机设备)
H5体系：压缩文件后形成的可执行编译包作用于电脑设备(电脑浏览器)(H5体系的可执行编译包运行于电脑浏览器)
DE(IntegratedDevelopmentEnvironment集成开发环境)是含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的“高级代码编辑器”
VSCode(VisualStudioCode)平台插件包下载-插件扩展-组合键“打开扩展搜索-搜索扩
展插件-下载插件配置补丁环境-重启VSCode插件生效
软件超市安装nginx
nginx -v
nginx version: nginx/1.15.12
终端(nginx,文件夹内相关配置文件)
cd /usr/local/etc/nginx
open
修改nginx.conf配置文件((/usr用户授权运行-获取修改配置文件的权
利-可粘贴))
config.txt
nginx.conf
下载nginx.key和nginx.crt文件放到/usr/local/etc/nginx文件夹目录下重启nginx(运行nginx start)

/etc/hosts
打开软件超市-搜索host-选择运行添加host记录(一次只能添加一条)
备注由于nginx.conf文件内域名映射替换为yhj所以hosts文件内相关映射关系应该一致
yhj:
127.0.0.1 yhj.test.com
重启nginx(软件商店–>搜索nginx-→运行nginx,start)
注意：电脑有开关机操作/项目工程重启和nginx新增修改配置以及新增修改host记录后，需要先重新启动nginx(软件商店→搜索nginx→运行
nginx start)再重新启动web前端项目
Package-lock.json删除
node_modules删除
npm install
node -v
npm cache clean --force //清除旧版的node(目的重新实现node配置(和项目产生依赖性))

node_modules删除
rm -rf node_modules/
Package-lock.json删除
rm -rf Package-lock.json
npm install
npm start
装node环境
GoogleChrome浏览器测试效果
CMD+点击链接
本地localhost启动(不推荐)
备注：GoogleChrome浏览器存在用户的概念(所有的操作均处于对应的用户体系的权限管
辖内)
Chrome浏览器可切换进入不同的用户体系的权限管辖
(不)登录Google账号均可构建新的用户体系
YHJTEST作为开发测试用户
用户1作为日常普通用户(文档的编写/浏览查看。。。)
open -a “Google Chrome” --aras --disable-
features=SameSiteByDefaultCookies CookiesWithoutSameSiteMustReSecure
npm start//基于npm插件平台环境将h5项目包编译成可执行文件包(可执行文件包默认存放在本地localhost(缺少相应的数据配置不适合看效果>浏览器通过代理的方式进行路径访问查看效果(用nginx里面的代理服务名进行代理地址访间))