vscode+nwjs开发环境配置

1、下载安装vscode

自行下载安装

2、下载nwjs sdk

https://nwjs.org.cn/download.html
选择带SDK的版本

在系统用户根目录下创建文件夹C:\Users\Administrator\.nwjs
将下载的sdk压缩包解压到该目录下，如下图

3、vscode安装debugger for NWjs插件

4、创建nwjs项目

4.1、创建package.json文件

{"name": "测试","version": "1.0.0","main": "index.html","chromium-args": "--disable-web-security --user-data-dir=Data --disable-devtools","window": {"fullscreen": true,"toolbar": false,"kiosk": true,"frame": false,"width": 1920,"height": 1080,"min_width": 1920,"min_height": 1080,"max_width": 1920,"max_height": 1080},"webkit": {"plugin": true}
}

4.1、创建入口网页文件index.html

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /><title></title><script></script></head><body><div class="container" style="width: 400px;height: 400px;background-color: blue;">Hello NWjs!!!</div></body></html>

5、运行

点击vscode菜单view ->run

点击 Run and Debug，弹窗Select Environment 选择NWjs

自动生成launch.json文件，无需修改，点击Start Debugging按钮运行

运行效果

当有代码修改时，点击Restart按钮即可刷新

例如把div背景改成红色：

vscode+nwjs开发环境配置相关推荐

Mac VScode C++开发环境配置
Mac VScode C++开发环境配置一需要安装的模块 C/C++C/C++ Clang Command AdapterCode RunnerCodeLLDB 二配置文件 c_cpp_prop ...
vscode+qt开发环境配置
vscode+qt开发环境配置 vscode + qt 实现代码提示 i3两外两个桌面打开qt的 ui设计 designer 和文档 assiant 实现高效率开发这个方法首先需要用qtcreat ...
erpnext v13 安装部署 + VSCode本地开发环境配置
ERPNext Version-13 安装生产环境参考链接 https://discuss.erpnext.com/t/install-frappe-erpnext-v13-beta-from-sc ...
vscode+go开发环境配置 win10
参考教程:VSCode下快速配置Go语言开发环境_哔哩哔哩_bilibili 近期需要学习go语言,记录一下vscode+go配置开发环境的过程 1.下载vscode 在vscode官网上下载即可 2 ...
vscode远程开发环境配置
一.下载安装vscode https://code.visualstudio.com/ 二.联网配置联网配置相对简单,搜索自动安装插件,需安装插件有: Remote - SSH或者Remote De ...
VSCODE常用开发环境配置----保存
tasks.json { // 有关 tasks.json 格式的文档,请参见// https://go.microsoft.com/fwlink/?LinkId=733558"versio ...
第一讲：ESP32-IDF+VSCode开发环境配置
第一讲:ESP32-IDF+VSCode开发环境配置文章目录第一讲:ESP32-IDF+VSCode开发环境配置 1.1写进ESP32芯片的二进制程序的生成方式 1.2ESP32-IDF+VSCo ...
Java开发环境配置/Vscode搭建
文章目录 JDK简介 Java开发环境配置 Vscode中配置Java开发环境 JDK简介 JDK,全称 Java Development Kit,是整个 Java 的核心,包含 Java 运行环境. ...
pycharm 开发app_windows及mac下开发Excel， python+xlwings开发环境配置
背景: 孩子他妈天天excel办公,看她每天大量重复性的工作,她是时候学习python来解放自己了,虽然我不用python ~ ~ 网络搜索 xlwings 是python下非常强大的处理Excel的 ...