写一个简单网页--在cefclient上面显示

1,环境

windows10 ,vue node.js vscode

2,配置环境

2.1安装vscode 相关插件

2.2 node.js安装(用vm-windows安装)
2.2.1 vm-windows安装
安装包地址:https://github.com/coreybutler/nvm-windows/releases
下载双击安装程序如图:在这里插入图片描述
确认vm-windows是否安装成功:
设置环境变量:在这里插入图片描述
然后打开cmd,输入nvm:(如图表示安装成功)在这里插入图片描述
2.2.2安装node.js
1.用nvm确认node.js安装的版本,输入

nvm ls 确认是否已经安装node.js

有可能出现如下问题:在这里插入图片描述
解决方案:
添加如下两个变量,变量值:变量值可以在nvm安装文件中的 settings.txt 中查看
在这里插入图片描述
如果没有安装,会有如下的显示:
在这里插入图片描述
确认没有安装以后,开始安装,先输入如下命令:

nvm list available

找到node.js的稳定版的版本号:
在这里插入图片描述

然后输入命令:

nvm ls

如果显示了安装的nodejs版本列表如下:
在这里插入图片描述
表示安装成功

2.3.安装配置脚手架vue-cli
输入命令npm install -g vue-cli 如果显示如图: 在这里插入图片描述
表示安装成功

3,创建一个网页

终端,输入

vue init webpack vueName

意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的,vueName 是整个项目文件夹的名称

这里可能会出现的问题以及解决方案:
在这里插入图片描述
创建成功的显示如图:在这里插入图片描述

4.cefclient加载网页

在这里插入图片描述

运行成功的样子:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值