vscode 的 live server 插件是一个很好用的插件,它会帮使用者自动开启一个服务器,保存的时候便自动刷新浏览器页面 安装完便在 vscode 右下方显示如图 Go Live 字样,点击便可用. 今天在用 vscode 的时候发现我 vscode 下方的 golive 竟然消失了!!! 找了很多办法,重启它,重启 vscode ,卸载重新安装,一遍遍重启都不好用,头疼不已 然后我在GitHub上看到了关于这个问题的一条 Issue,感兴趣的小伙伴可以移步去围观↓ https://gi

json文件中使用绝对路径添加证书 "liveServer.settings.https": { "enable": true, "cert": "/Users/kivisense/Documents/ssl/kivicube.cert.pem", "key": "/Users/kivisense/Documents/ssl/kivicube.key.pem", "passph

vscode 可安装静态web服务器  Live Server用于运行前端代码,方便调试.最新的 Live Server已支持php动态页面. 安装方法是,点击左侧第五个图标,打开"扩展"页面,在文本框中输入Live Server,点击第一个搜索结果,在右侧页面中点击安装,等待安装完成. 运行方式是,选中项目,点击屏幕下方工具栏中的Go live按钮即可.再点击一次,即停止运行服务器. Live Server有一些默认配置选项,用户可以修改.点击 文件->首选项->设置,

在vscode 头疼的问题是 用浏览器查看网页!会是以文件夹的方式打开的!  我遇到这个问题 我还重新配置了Apache    ! 但是现在可以解决: 使用vscode  ==================== 打开cmd   : 在cmd 控制台中输入  : 1.运行cnpm install live-server -gf 2.在运行live-server 安装好之后回自动的弹到网页! 打开vscode  ======================= 在弹出的终端中输入 ; live-se

下载VSCode VSCode是我使用过最棒的编辑器没有之一. 创建项目 创建目录 首先我们创建一个项目文件夹,比如叫ts_vscode,然后创建一些主要目录,在VSCode中打开项目 目录结构: ts_vscode/ └─src/ ├─ css/ ├─ fonts/ └─ images/ 在ts_vscode 中 按shift 右键 命令行中打开. 输入 code . 打开项目 创建package.json 使用命令npm init来创建package.json文件,一般默认就可以,具体详情可

使用vscode的插件实现快捷开发 ASP.NET Core Snippets  :HomeController, Startup, ProgramFile and many more starts with mvc- and then hit tab 使用mvc-就会有相应的命令实现快速的生成对应的控制器和方法,对代码的格式化. C#:高亮,编辑器的支持,调试等,在asp.netcore开发中,必须安装 NuGet Package Manager:Nuget包管理器,这个非常重要,可以让我们在

VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "version": "0.2.0", "configurations": [{ "type": "chrome", "request": "launch", "name":

下载TypeScript 在CMD(Windows系统)或者终端(macOS系统)中输入一下命令: npm install -g typescript 下载VSCode VSCode是我使用过最棒的编辑器没有之一,比Sublime Text还有优秀. 创建项目 创建目录 首先我们创建一个项目文件夹,比如叫ts_vscode,然后创建一些主要目录,在VSCode中打开项目 目录结构: ts_vscode/ └─src/ ├─ css/ ├─ fonts/ └─ images/ 在ts_vscode

nodejs安装配置 1.下载 地址:https://nodejs.org/en/ 2.默认安装 安装完成后,执行npm -v 出现版本号则表示安装成功. 3.配置 在node安装目录下新建两个文件夹node_global和node_cache 配置npm全局模块的存放路径以及cache的存放路径,执行如下命令: npm config set prefix "D:\Program Files\nodejs\node_global" npm config set prefix "

VSCode 配置 先安装 Settings Sync 插件,然后点击"download from github"之类的一个链接,弹出一个输入框,输入 a5922d436b82dd8891a0e14cae0bbb15 可以下载我个人的所有设置.我会不定期更新最新设置到上面. 1. Plugins 以下排名不分先后: Angular Snippets Auto Close Tag Auto Rename Tag Beautify Bookmarks Bracket Pair Colori

时间2019.9月 1. 安装 nodeJS; 安装VScode 安装好nodeJS之后,默认会安装好npm 测试 nodeJS 和npm是否可以执行 node -v npm -v 1.1 VScode 相关插件安装 ESLint 1.9.1;  LiveServer 5.6.1 (2019.9)  open in browser 2.0.0 ;   Vetur 0.22.3 格式化代码插件 : Prettier-Code formatter 需要有简单的配置操作 "editor.formatO

1:全局安装eslint `npm install -g eslint`2: 打开vscode 点击 “文件”----->“首选项”---->“设置”,在右侧“用户设置/settings.json”里加入一下配置: ```{ //eslint 代码自动检查相关配置 "eslint.enable": true, "eslint.autoFixOnSave": true, "eslint.run": "onType",

如果你的vscode编辑器打开浏览器时默认打开的是iE,想要把它改为chrome,怎么办呢? 我遇到如下原因: 这是按照网上的setting.json配置 这是运行了 open-with-live-server后的报错弹出: 报错内容:windows找不到‘chrome’,请确定文件名是否正确后,再试一次 遇到之后,该怎么办呢?网上去搜索了一大堆,全是说改配置的.真正解决办法如下. 第一步,将谷歌浏览器设为默认浏览器 当然,也可以在电脑管家里面设进行设置 第二步,配置setting,如果刚开始就

Vue在VsCode上面的开发,代码格式话是个老大难问题了. 有很多文章介绍Prettier四个配置方法,以及如何启用.但是结果就是:一个一个配完,还是看着难受 现在尝试出一种最完美格式化方式,分享出来 1.安装Beautify插件 2.修改设置: 两个地方 2.1 Editor: Word Wrap(控制折行的方式.):选择 bounded,可以根据窗口宽度自动调整换行 2.2 Editor: Word Wrap Column((同时修改于: 工作区) Editor: Word Wrap 为 

0x01 vscode http插件 Live Server如何开启https 在本机端的开发环境下,如果要测试一些需要HTTPS的功能可以使用mkcert给自己颁发凭证 0x02 安装步骤如下: 1.安装 mkcert 安装环境:Windows 7+ / Windows Server 2003+ 1)以管理员身份运行powershell 2)执行命令: Get-ExecutionPolicy,如果系统返回 Restricted,则在执行命令:Set-ExecutionPolicy AllSig

{   // vscode默认启用了根据文件类型自动设置tabsize的选项   "editor.detectIndentation": false,   // 重新设定tabsize   "editor.tabSize": 2,   // #每次保存的时候自动格式化   "editor.formatOnSave": true,   // #每次保存的时候将代码按eslint格式进行修复   "editor.codeActionsOnS

许多渗透方式都python写脚本,比较方便,写一下vscode和插件的安装办法,虽然不是很复杂,但是写一下做一下笔记: Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win.Mac 以及 Linux. 官网下载地址:https://code.

安装vscode 编辑器后,找到插件 1.安装Debugger for Chrome 2.找到本地需要启动的项目,配置文件,从左到右依次点击红圈中的按钮,然后出现launch.json文件,在里面添加配置信息 最后一条file参数是需要自己加的:"file":"${workspaceRoot}/setWebGLContext/setWebGLContext.html", //这个是在浏览器中要运行的文件的路径,每次运行不同项目的时候需要修改里面的运行路径   4.打

1.Auto Close Tag 自动闭合HTML/XML标签 2.Auto Rename Tag 自动完成另一侧标签的同步修改 3.Beautify 格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则 4.Bracket Pair Colorizer 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色 5.Debugger for Chrome 映射vscode上的断点到chrome上,方便调试 6.Courier New 一款好看字体 7.Gi

插件离线安装说明 在一些内网开发环境中,无法做到在线安装,这个时候就需要对插件进行离线安装 了 打开 VSCode 插件市场网址 Extensions for the Visual Studio family of product,输入你想要的插件名称,比如这里我想要安装的是 Markdown Al

Sciter中的Tiscript脚本不是标准的Javascript,是对Javascript的扩展.所以在常用的编辑器和IDE上对于高亮的支持很不好. 不过在Sciter论坛中找到了在VSCode上的高亮支持.安装方法比较简单. 首先点此下载插件. 之后在Sciter插件所在目录执行 code --install-extension sciter-assistant-0.0.1_fixed.vsix 然后在VSCode的settings.json中添加Sciter的支持.配置如下: "scite