关于visual-studio-code:将桌面应用放到浏览器中

转载自博客园 https://www.cnblogs.com/allof...说实话,有点儿题目党了之前写过一个把网页带到桌面,这回把利用放到网页吧 所谓利用放到网页,简略一点能够说成把ui写成网页,放到浏览器中显示. 这一步很简略,两种形式1.本人写一个web服务,程序启动,web服务启动,在浏览器浏览这个本地网址,就能够看到ui了 2.把ui我的项目放到外网,在浏览器浏览这个ui我的项目 这两种其实没啥不同,无非是启动速度有些差别 那么,既然ui都下来了,业务是不是也能够下来,业务逻辑在ui里,俨然变成了一个web我的项目,妥妥的能够 还有件事别忘了,为啥还须要exe在地上干着急呢,因为要解决本地事务,文件操作啦,数据操作啦,当然还有些传统web服务做不了的事件也要做. 二.如何将ui和利用分割起来1.如果你写了一个web服务,很简略,再提供post办法即可 然而问题是web服务根本是web端发动的申请,如果本地监督文件,随时要告诉ui就显得有点麻烦了,这时候,你能够 2.起一个websocket服务 通过websocket服务,你能够轻松的从网页到后端,或者从后端到网页 鉴于交互性的存在,集体感觉,还是间接用websocket比拟好,web服务也不须要,ui就放在收费的动态服务器外面 比方我上一篇post给大家的vscode snippets管理工具,啊哈哈哈哈,我切实有点憋不住了,见谅. 挺有意思的,试一试,这么写一个桌面程序,挺有意思的

October 12, 2021 · 1 min · jiezi

关于visual-studio-code:分享一个vscode代码段snippet管理工具

分享一个vscode代码片段管理工具 主页 http://alan0405.gitee.io/snip...

October 12, 2021 · 1 min · jiezi

关于visual-studio-code:使用好visual-studio-code-用户代码片段snippet推荐一个小工具

用户代码片段(snippet)是什么古代IDE首先带来的就是智能语法提醒器,vscode也不例外,其用户代码片段性能空前的弱小,每种语言都有很多大家分享的snippet插件. 然而,依然是无奈满足咱们的需要,比方 1.集体习惯的2.我的项目要求的3.多个设施之间代码端的共享4.项目组内代码端的共享5.我的项目间的用户代码段的切换 等等... 所以明天介绍一个针对于vscode的用户代码段的管理工具 SnippetsVS Code 的代码片段(snippet)管理工具我的项目地址:http://alan0405.gitee.io/snip...能做什么治理本机VS Code 的代码片段(snippet), 并可通过网络将本机代码片段备份到指定的FTP服务器。通过FTP服务器能够在设施之间共享代码片段。 利用场景依据集体爱好,自行编写代码片段。依据我的项目不同,设计不同的代码片段。在项目组对立应用,让代码更标准。特点疾速治理FTP备份、复原和共享目前只反对windows总览 运行环境1. .net framework 4.6.12. chrome,firefox,edge 等 古代浏览器装置下载地址 https://snippets-for-vscode-docs.surge.sh/snippets.zip 运行解压后间接运行snippets.exe Snippets速度是制胜的要害创立snippetSnippets不能创立代码片段文件,咱们须要在VS Code中创立最后的代码段文件。 点击菜单 文件->首选项->用户片段 在弹出的选项中找到想要创立的代码段文件,例如javascript.json是js文件用的用户片段。 关上Snippets间接运行snippets.exe,关上如下的页面。 左侧栏中javascript.json即是该代码片段文件,点击它即可开始编辑。 点击 右侧呈现New Snippet开始创立第一个代码片段吧! 批改题目为 for loop 在上面代码编辑框中输出for (let i = 0; i < list.length; i++) { const item = list[i]; } 选中i,点击¥{:},输出1,选中list,点击${:},输出2,选中item,点击${:},输出3,即可将i,list和item等变量转换成替换我的项目点击Save按钮,保留代码片段试一试在vscode中,新建一个js文件,并输出for loop,即可看到弹出的代码段提醒了VSCode 代码片段根本语法阐明你能够拜访vscode官网地址取得更具体的介绍https://code.visualstudio.com...一个例子 // in file 'Code/User/snippets/javascript.json' { "For Loop": { "prefix": ["for", "for-const"], "body": ["for (const ${2:element} of ${1:array}) {", "\t$0", "}"], "description": "A for loop." } }prefix 前缀,emmet 触发条件,例如上述片段,输出for loop 时会触发 emmet 提醒 body 片段主体,数组模式 description 形容,emmet 提醒的显示内容根本语法应用 $ 插入用户自定义内容$number (1-9) 数字的大小示意光标的先后顺序,应用 tab键挪动光标地位,多个同序号将呈现多个光标,输出雷同的内容$0 示意光标最终地位${number: defaultContent} 为插入内容设置默认值${number|select1,select2|} 为插入内容提供可选项$name 或 ${name: default} 插入变量值,若变量名未定义则插入变量名

October 11, 2021 · 1 min · jiezi

关于visual-studio-code:13个VSCode使用技巧开启高效的开发模式

摘要:VsCode是一款开源的编辑器,领有弱小的性能,。因为领有各种各样的插件,这就使得VsCode能够做到的事件更多了。在应用的过程中,也是有很多技巧的,把握一些技巧对于前期写代码也会轻松很多。本文分享自华为云社区《VSCode应用技巧》,作者:小聪不是小葱~ 。 VsCode是一款开源的编辑器,领有弱小的性能,。因为领有各种各样的插件,这就使得VsCode能够做到的事件更多了。在应用的过程中,也是有很多技巧的,把握一些技巧对于前期写代码也会轻松很多。 1. 查看日志步骤1. 执行Ctrl+Shift+P步骤2. 搜 show logs 2. 关上VSCode的配置文件settings.json步骤1. 执行Ctrl+Shift+P步骤2. 搜Open Settings(JSON) 3. 查看连贯远端时的日志在VSCode的配置文件settings.json中增加如下参数 "remote.SSH.showLoginTerminal": true, 4. VSCode背景配置为豆沙绿在VSCode的配置文件settings.json中增加如下参数 "workbench.colorTheme": "Atom One Light","workbench.colorCustomizations": { "[Atom One Light]": { "editor.background": "#C7EDCC", "sideBar.background": "#e7f0e7", "activityBar.background": "#C7EDCC", },},5. 设置远端默认装置的插件在VSCode的配置文件settings.json中增加remote.SSH.defaultExtensions参数,如主动装置Python和Maven插件,可配置如下。 "remote.SSH.defaultExtensions": [ "ms-python.python", "vscjava.vscode-maven" ],6. 把本地的指定插件装置到远端或把远端插件装置到本地步骤1. 执行Ctrl+Shift+P步骤2. 搜install local,按需抉择即可 7. 远端应用Git存储库7.1 本机Host配置,本篇以Windows10零碎为例步骤1. 装置OpenSSH 步骤2. 以管理员身份启动 PowerShell,并按需执行下述命令: 启动SSHD服务:Get-WindowsCapability -Online | ? Name -like 'OpenSSH*' Start-Service sshd Set-Service -Name sshd -StartupType 'Automatic' Get-NetFirewallRule -Name *ssh* New-NetFirewallRule -Name sshd -DisplayName 'OpenSSH Server (sshd)' -Enabled True -Direction Inbound -Protocol TCP -Action Allow -LocalPort 22容许Windows主动运行SSH Agent: ...

September 29, 2021 · 2 min · jiezi

关于visual-studio-code:史诗级更新VSCODE-可无缝调试浏览器了

2021-07-16 微软公布了一篇博客专门介绍了这个性能,VSCODE 牛逼! 在此之前,你想要在 vscode 内调试 chrome 或者 edge 须要借助于 Chrome Debugger 或者 the Microsoft Edge Debugger extension 这两款 vscode 扩大。 并且更重要的是,其仅能提供最根本的控制台性能,其余的诸如 network,element 是无奈查看的,咱们依然须要到浏览器中查看。 这是个什么性能更新之后,咱们能够间接在 vscode 中 open link in chrome or edge,并且间接在 vscode 内实现诸如查看 element,network 等简直所有的常见调试须要用到的性能。 成果截图: (edge devtools) (debug console) 如何应用应用形式非常简单,大家只须要在前端我的项目中按 F5 触发调试并进行简略的配置即可。这里给大家贴一份 lauch.json 配置,有了它就能够间接开启调试浏览器了。 { "version": "0.2.0", "configurations": [ { "type": "pwa-msedge", "request": "launch", "name": "Launch Microsoft Edge and open the Edge DevTools", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}" } ]}大家须要依据本人的状况批改 url 和 webRoot 等参数。原理原理其实和 chrome debugger 扩大原理相似。也是基于 Chrome 的 devtool 协定,建设 websocket 链接。通过发送格式化的 json 数据进行交互,这样 vscode 就能够动静拿到运行时的一些信息。比方浏览器网络线程发送的申请以及 DOM 节点信息。 ...

September 25, 2021 · 1 min · jiezi

关于visual-studio-code:vscode-server安装教程适配所有平台

装置code-server的装置办法支很多种,通用性比拟强的办法是应用docker和npm,这里先以docker为例 应用docker装置code-server<!-- more --> 应用该命令运行容器后拜访-p 127.0.0.1:8080:8080所指定的8080端口查看运行后果,控制台将输入所需的秘钥 # This will start a code-server container and expose it at http://127.0.0.1:8080.# It will also mount your current directory into the container as `/home/coder/project`# and forward your UID/GID so that all file system operations occur as your user outside# the container.## Your $HOME/.config is mounted at $HOME/.config within the container to ensure you can# easily access/modify your code-server config in $HOME/.config/code-server/config.json# outside the container.mkdir -p ~/.configdocker run -it --name code-server -p 127.0.0.1:8080:8080 \ -v "$HOME/.config:/home/coder/.config" \ -v "$PWD:/home/coder/project" \ -u "$(id -u):$(id -g)" \ -e "DOCKER_USER=$USER" \ codercom/code-server:latest如果须要更该配置文件,请在宿主机的~/.config目录中批改配置即可 ...

September 7, 2021 · 1 min · jiezi

关于visual-studio-code:记一下VS-Code远程功能的使用

服务端装置SSH服务设置-利用-利用和性能 点击可选性能点击增加性能增加可选性能,间接输出“ssh”,如果呈现了OpenSSH 服务器,就勾选上装置,如果没有呈现,阐明曾经装置过了。确保SSH服务运行桌面-右击此电脑-治理-服务和应用程序-服务找到OpenSSH SSH Server这一项 右键-启动双击-启动类型改为主动,这样每次开机主动启动获取机器的IP关上PowerShell,输出ipconfig就能看到本人IP地址 获取以后用户名关上PowerShell,输出whoami,就能看到本人以后零碎用户名称。 客户端测试SSH连贯用你客户端的机器输出命令 ssh 用户名@IP 进行连贯 装置vscode近程插件Remote-SSH装置实现之后,vscode左下角会多进去一个绿色图标 点击Connect to HostAdd New SSH Hostssh 用户名@ip会提醒你抉择保留到哪个配置文件,轻易右下角会弹框提醒你曾经增加到配置文件了再次点击图标Connect to Host这时候就能够抉择到指标机器进行连贯了输出指标机器的电脑明码实现连贯

September 7, 2021 · 1 min · jiezi

关于visual-studio-code:VS-Code-160-发布竟然可以自动检测编程语言了

欢送应用 2021 年 8 月版的 Visual Studio Code。咱们心愿您会喜爱此版本中的许多更新与改良,以下是其中的一些亮点: 主动语言检测- 复制粘贴到 VS Code 时自动检测编程语言。更疾速的括号着色- 实现了大文件的疾速括号匹配和着色。设置编辑器的语法高亮显示- 用于设置形容代码块的丰盛的语法高亮显示。自定义终端字形渲染- 更好地显示框绘图和块元素字符。设置调试察看值- 在调试会话中更改察看值。笔记本的改良- Markdown 链接导航,更快地渲染大输入。JavaScript/TypeScript内联提醒 - 参数名称和类型等内联提醒。编辑器组预览锁定- 通过锁定编辑器组来固定首选编辑器布局。Python 扩大插件测试更新- 更好地反对测试发现、导航和状态。Web 扩大插件作者指南- 理解如何在浏览器中更新 VS Code 的扩大。如果您想在线浏览这些发行阐明,请拜访 code.visualstudio.com上的更新。

September 4, 2021 · 1 min · jiezi

关于visual-studio-code:vscode-Eslint代码格式化配置

在vscode的文件-首选项-设置。 { // vscode默认启用了依据文件类型主动设置tabsize的选项 "editor.detectIndentation": false, // 从新设定tabsize "editor.tabSize": 2, // #每次保留的时候主动格式化 "editor.formatOnSave": true, // #每次保留的时候将代码按eslint格局进行修复 "eslint.autoFixOnSave": true, // 增加 vue 反对 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], // #让prettier应用eslint的代码格局进行校验 "prettier.eslintIntegration": true, // #去掉代码结尾的分号 "prettier.semi": false, // #应用带引号代替双引号 "prettier.singleQuote": true, // #让函数(名)和前面的括号之间加个空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #这个按用户本身习惯抉择 "vetur.format.defaultFormatter.html": "js-beautify-html", // #让vue中的js按编辑器自带的ts格局进行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "force-aligned" // #vue组件中html代码格式化款式 } }, // 格式化stylus, 需装置Manta's Stylus Supremacy插件 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBraces": false, // 是否插入大括号 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 "stylusSupremacy.insertNewLineAroundBlocks": false, "editor.codeActionsOnSave": { "source.fixAll.eslint": true } // 两个选择器中是否换行}

August 29, 2021 · 1 min · jiezi

关于visual-studio-code:vscode-remote-ssh-下载慢的解决方案

kill 4735 && cp -r ../vscode-server.tar.gz . && touch vscode-scp-done.flag

August 27, 2021 · 1 min · jiezi

关于visual-studio-code:vscode切换到终端快捷键ctrl失效问题

发现是我用的qq输入法有一个全局快捷是ctrl+`,只有把它更换或者禁用就能够了。在此记录一下!

August 7, 2021 · 1 min · jiezi

关于visual-studio-code:官宣|VS-Code-159-发布Terminal-可以跨窗口移动了

欢送应用 2021 年 7 月版的 Visual Studio Code。咱们心愿您会喜爱此版本中的许多更新与改良,以下是其中的一些高亮: 扩大视图的改良 - 丰盛的扩大详细信息悬停,新的运行状态标签页。设置编辑器验证 - 疾速查找到对象设置的编辑谬误。拖放终端 - 将终端跨窗口挪动到编辑器和面板区域。扩大的主题定制 - 一次定制多个色彩主题。Jupyter 笔记本的内建反对 - 间接在 VS Code 中关上 .ipynb 文件。笔记本 UI 的改良 - 显示折叠单元格的第一行,每个单元格的吊销/重做。测试 API 的最终确定 - 原生反对 VS Code 中应用测试资源管理器运行测试。调试反汇编视图预览 - 在 VS Code 中显示反汇编的 C++ 代码。实时预览扩大 - VS Code 中的实时的 HTML 预览,反对 JavaScript 调试。近程 - 容器 devcontainer CLI - 用于开发容器的命令行界面。如果您想在线浏览这些发行阐明,请拜访 code.visualstudio.com 上的更新。更多对于VS Code 的材料请拜访微软 MS Learn 平台:http://aka.ms/vscodelearn 外部领先版:想更先一步体验新性能吗?您能够下载每晚的 Insiders 版本,并在最新更新可用时立刻试用。 code.visualstudio.com:https://code.visualstudio.com/ 更新:https://code.visualstudio.com... ...

August 6, 2021 · 4 min · jiezi

关于visual-studio-code:官宣|VS-Code-159-发布Terminal-可以跨窗口移动了

欢送应用 2021 年 7 月版的 Visual Studio Code。咱们心愿您会喜爱此版本中的许多更新与改良,以下是其中的一些高亮: 扩大视图的改良 - 丰盛的扩大详细信息悬停,新的运行状态标签页。设置编辑器验证 - 疾速查找到对象设置的编辑谬误。拖放终端 - 将终端跨窗口挪动到编辑器和面板区域。扩大的主题定制 - 一次定制多个色彩主题。Jupyter 笔记本的内建反对 - 间接在 VS Code 中关上 .ipynb 文件。笔记本 UI 的改良 - 显示折叠单元格的第一行,每个单元格的吊销/重做。测试 API 的最终确定 - 原生反对 VS Code 中应用测试资源管理器运行测试。调试反汇编视图预览 - 在 VS Code 中显示反汇编的 C++ 代码。实时预览扩大 - VS Code 中的实时的 HTML 预览,反对 JavaScript 调试。近程 - 容器 devcontainer CLI - 用于开发容器的命令行界面。如果您想在线浏览这些发行阐明,请拜访 code.visualstudio.com上的更新。更多对于VS Code 的材料请拜访微软 MS Learn 平台:http://aka.ms/vscodelearn 外部领先版 :想更先一步体验新性能吗?您能够下载每晚的 Insiders 版本,并在最新更新可用时立刻试用。 工作台扩大插件改良了调整大小后的扩大视图。在上面的动图中,你能够看到默认宽度的扩大视图显示了所有详细信息(以前未显示图标、评分和装置计数)。当它放大时,会显示较小的扩大图标,当其宽度进一步减小时,图标和评分将被暗藏。 扩大视图当初会显示自定义悬停信息。这个丰盛的悬停包含扩大的残缺形容和其余有用的信息,例如为什么禁用或举荐扩大。 ...

August 6, 2021 · 3 min · jiezi

关于visual-studio-code:VSCode统一设置LF

因为我的项目别离在windows和mac上开发,而零碎默认的换行符不统一,导致每次2个端提交代码时会相互笼罩格局,体现为明明没有任何改变,但git却提醒文件被批改了。 人工改在vscode中,能够批改状态栏右下角的CRLF,改为LF。 但个别我的项目的文件很多,一个个改太吃力了,请看上面的办法。 配置改应用editorconfig,在我的项目根目录下新建.editorconfig文件,内容如下: # top-most EditorConfig fileroot = true# Unix-style newlines with a newline ending every file[*]# lf, cr, or crlfend_of_line = lf# ensure file ends with a newline when savinginsert_final_newline = true对于vscode,还须要装置插件能力失效,缺一不可。 而后保留文件,就转为LF了。

August 5, 2021 · 1 min · jiezi

关于visual-studio-code:vscode中6个好用的前端重构插件

Visual Studio Code(简称VS Code)是一款由微软开发且跨平台的收费源代码编辑器。基于其丰盛的插件体系与语言反对,目前曾经成为了最流程的集成开发环境。本文介绍了笔者用过的最好用的几款前端重构插件。JavaScript BoosterJavaScript Booster 是一种代码重构工具,具备多种编码操作,例如将 var 转换为 const 或 let、删除多余的 else 语句以及合并申明和初始化。只需注意左侧的灯泡并按下它即可理解如何转换光标下的代码。 StepsizeStepsize 容许您为要重构的技术债权和代码增加书签和报告。如果您遇到须要重构的代码,但您没有工夫立刻进行重构,则能够使其可见并间接在 VS Code 中提出问题。 AbracadabraVS Code 附带了一些根本的重构。Abracadabra 应用快捷的形式为您的编辑器,在适当的时候疾速修复以倡议重构,依据您的需要自定义 UX 的选项,与 .js、.jsx、.ts、.tsx 和.vue 文件。 GleanGlean 为您的 React 代码库提供了重构工具:将 JSX 提取到一个新组件中,将类组件转换为性能组件,应用 Hooks 进行包装。它容许将 JSX 提取到新组件中,将类组件转换为性能组件,反之亦然,应用条件包装 JSX,同时重命名状态变量及其设置器等等。 SonarLintSonarLint 在您编写代码时突出显示谬误和安全漏洞,并提供明确的补救领导,以便您能够在代码提交之前修复它们。VS Code 中的 SonarLint 反对剖析 JavaScript、TypeScript、Python、Java、HTML 和 PHP 代码。 PrettierPrettier 是一个十分风行的扩大,它为大多数编程语言提供主动代码格局,它在 html javascript 和其余语言中特地有用。 版权申明,本文首发于 数字魔盒 https://www.dm2box.com/ 欢送转载。

July 31, 2021 · 1 min · jiezi

关于visual-studio-code:VSCode-扩展-tofile-来跳转相对路径文件与补全-Fragment

tofile我的项目定义为不便本我的项目将文件上面的中双箭头模式区域称为 Fragment /*\ ## Technical point|*| - R:|*| - [VSCode Open a File In a Specific Line Number Using JS](https://stackoverflow.com/questions/62453615/vscode-open-a-file-in-a-specific-line-number-using-js)|*| - [Capturing keystrokes in visual studio code extension](https://stackoverflow.com/questions/36727520/capturing-keystrokes-in-visual-studio-code-extension#answer-36753622)|*| - [How to open file and insert text using the VSCode API](https://stackoverflow.com/questions/38279920/how-to-open-file-and-insert-text-using-the-vscode-api)\*/个性应用命令 tofile 时,将探测以后光标这一行中含相对路径的字符串(像 src/a.ts:2:3 其中 2 为行号,3为列号,行列可选),并尝试进行在 VSCode 中关上跳转通过命令调用(F1 输出tofile)tofile 将会对以后光标这一行检索含有相对路径写法的字符串来进行用 VSCode 关上这个文件,也就跳转 jump 补全 Fragment已知问题 在一般打字删除后面的 |*| 将会呈现 (在 Vim 一般模式下没有这个问题 ) 解决方案:一般打字选中整行并删除为什么有这个问题 vscode 不反对多个扩大注册 type 命令,它导致只能一个扩大能细粒管制键盘事件而我不想将 tofile 写得那么简单Multiple extensions registering the 'type' command当应用仓库中的脚本时会有的依赖,应用 VSCode 扩大 tofile 自身无依赖src/script/fragment.ts 依赖 ts-node ripgrepyarn fragment 和 npm run fragment 将会生成 ts-Fragments.md(文件后缀名 + Fragment.md) 在我的项目根目录. 我的项目也一个例子.yarn fragment 和 npm run fragment 的脚本是 ts-node -P ./tsconfig.json ./src/script/fragment.ts ts,当你应用这个ts脚本时,须要指定 tsconfig.json,脚本的门路 和一个文件后缀名类型 ,这里是 tsFragment 应用留神当应用字面量正则表达式 */ 将会报错 ...

July 30, 2021 · 2 min · jiezi

关于visual-studio-code:jsongots-VS-Code插件开发

背景我的项目中须要一份json配置文件,这份配置文件的某些字段是根据另外的一个typescrip文件export进去的字段,为了升高编码过程中造成的字段名出错的机率。 因而,思考开发一个插件用于: json文件中主动补全fn namejaon文件到typescript文件的自定义跳转json文件中谬误波浪线智能提醒(当typescript文件没有export该字段时显示波浪线)插件成果: 实现我的项目源码 主动补全跳转到定义智能诊断&提醒关键点:应用json-to-ast将json文件转化为AST 一些踩坑公布插件时执行vsce publish时报错ERROR Failed request: (401),生成的personal access token权限弄错了,应该选Full access 公布插件时报错:ERROR Make sure to edit the README.md file before you package or publish your extension -- 批改一下工程外面的README.md文件(原来的文件删除&重写)应用地址创立publisher账号始终不胜利 -- 网络被限度了(迷信上网真香)插件在本地开发环境下能够运行,公布到线上没有响应(也没有报错) 通过排查,我的项目中应用了一些npm库,然而公布插件时应用了tsc来编译,这种状况下node_modules外面一些npm库的代码是没有被编译进去的。须要引入webpack来进行打包&编译 参考VS Code插件开发全攻略VS Code DocumentSome demo

July 22, 2021 · 1 min · jiezi

关于visual-studio-code:vscode笔记

0x01 vscode for c/c++1、装置vscode官网教程:https://code.visualstudio.com...1、装置msys2 :https://www.msys2.org/ MSYS2是一组工具和库,提供易于应用的环境,用于构建、装置和运行本机 Windows 软件。它包含一个名为mintty的命令行终端 、bash、git 和 subversion 等版本控制系统、 tar 和 awk 等工具. MSYS2 的次要重点是为本地 Windows 软件提供构建环境,MSYS2 为 GCC、mingw-w64、CPython、CMake、Meson、OpenSSL、FFmpeg、Rust、Ruby 等提供最新的本机构建。为了提供简略的软件包装置和放弃更新的形式,它提供了一个名为Pacman的软件包管理系统 ,它带来了许多弱小的性能,例如依赖项解析和简略的残缺系统升级,以及间接和可复制的包构建。2、vscode配置 编辑c的include path 增加步骤一中装置的C环境的门路

July 19, 2021 · 1 min · jiezi

关于visual-studio-code:Java-on-Visual-Studio-Code的更新-–-2021年6月

Nick Zhu from Microsoft VS Code Java Team大家好,欢送来到 Visual Studio Code Java 更新的特地年中版。作为这篇文章的重点,咱们将看看接下来几个月的产品路线图。咱们还将展现一些重要的新性能和改良,所以让咱们开始吧! 2021年7到12月的产品路线图自从咱们开始在Visual Studio Code上公布Java相干的工具后,咱们的产品曾经通过了大量的迭代以及更新,这当中开发者和社区对咱们的反对和反馈功不可没,所以咱们非常感谢所有开发者的声音和倡议,并请持续提供你们贵重的意见 对于 Visual Studio Code Java 的将来几个月(2021 年 7 月至 12 月),咱们将重点关注以下畛域 根底开发体验的继续改良咱们将持续改良根本开发体验,因为它实质上会影响咱们开发人员的日常工作。这包含对更好的代码实现/导航、包导入、编译、调试、测试等等。此外,咱们也一直听到咱们的产品须要更好地解决大型简单构造的我的项目,因而咱们也会进一步欠缺这方面的体验,这也将有助于企业级代码库的开发人员因为通常企业的我的项目构造会更简单。与此同时,咱们也将进一步提高性能和可靠性。 构建工具反对构建工具和依赖治理是 Java 开发人员体验的要害局部。咱们正在寻求进步该畛域的广度和深度。就广度而言,咱们打算减少对 Gradle 的反对,这也是咱们始终从用户社区听到的反馈。 Gradle 的初始功能集将围绕工作治理和 Gradle 文件创作。在深度上,咱们会不断完善现有的Maven工具体验,并减少新的个性来反对更多的场景,比方切换配置文件。 近程开发 / Codespaces近程开发始终是 Visual Studio Code 中的一项风行性能,它容许开发人员将容器用于全功能开发环境。在接下来的几个月中,咱们将致力于在容器中反对更多 Java 版本以及 Spring 框架,以便开发人员能够在他们的近程开发场景中拜访这些技术。咱们刚刚在近程开发容器中公布了对 Java 16 的反对,如本文前面局部所示。 此外,Gtihub Codespaces 是一个可配置的在线开发环境,可让您齐全在云端进行开发。 Visual Studio Code 在代码空间中扮演着重要的角色,因为它提供了根本的代码编辑体验。在 Java 方面,团队正致力于在 Codespaces 中提供对 Java 语言扩大的反对,以便 Java 开发人员能够找到他们须要的所有 Java 相干工具。无关如何申请拜访代码空间的详细信息,请依照此处的官网代码空间文档进行操作。 测试在测试方面,咱们的团队正在踊跃利用最近Visual Studio Code推出的新测试 API。这意味着当 Java 开发者在 Visual Studio Code 中解决测试时,他们不仅可能看到具备更丰盛的测试相干UI,而且还能够拿到更多测试相干的数据,例如测试覆盖率。 ...

July 18, 2021 · 1 min · jiezi

关于visual-studio-code:微软发布面向-Java-开发者的-VS-Code-更新路线图改善开发体验远程开发安全性

近日,微软公布了面向 Java 开发者的 Visual Studio Code 更新路线图,展现了一些重要的新性能和改良,路线图涵盖 2021 年 7 月至 12 月。微软示意,将来几个月将重点关注开发体验、近程开发、测试、平安等方面。 继续改良根底开发体验外部循环开发对开发人员的日常工作有实质上的影响,因而微软将持续改良根本的外部循环开发体验,包含在更好的代码补全 / 导航、包导入、编译、调试、测试等方面继续投入。此外,微软将进一步欠缺应用 Visual Studio Code Java解决大规模和简单构造我的项目的体验,这将帮忙企业级代码库的开发人员,因为这类代码库通常构造较为简单。同时,微软也将进一步提高性能和可靠性。 构建工具反对构建工具和依赖治理是 Java 开发人员体验的要害局部,微软正在寻求进步该畛域的广度和深度。就广度而言,微软打算减少对 Gradle 的反对,Gradle 的初始功能集将围绕工作治理和 Gradle 文件创作。在深度上,微软会不断完善现有的 Maven 工具体验,并减少新的个性来反对更多的场景,比方切换配置文件。 近程开发/Codespaces近程开发始终是 Visual Studio Code 中一项很受欢迎的性能,它容许开发人员将容器用于全功能开发环境。在接下来的几个月中,Visual Studio Code Java团队将致力于在容器中反对更多 Java 版本以及 Spring 框架,以便开发人员能够在近程开发场景中拜访这些技术。6 月份微软在近程开发容器中公布了对 Java 16 的反对。 此外,Github Codespaces 是一个可配置的在线开发环境,容许开发者齐全在云端进行开发。 Visual Studio Code 在 Gtihub Codespaces 中扮演着重要角色,因为它提供了根本的代码编辑体验。Visual Studio Code Java 团队正致力于在 Codespaces 中提供对 Java 语言扩大的反对,以便 Java 开发人员能够找到所需的全副 Java 相干工具。 测试在测试方面,Visual Studio Code Java 团队正在踊跃利用 VS 新推出的测试 API。这意味着当 Java 开发者在 Visual Studio Code 中解决测试时,他们不仅可能看到更丰盛的测试相干 UI,还能够拿到更多测试相干数据,如测试覆盖率。 ...

July 14, 2021 · 1 min · jiezi

关于visual-studio-code:vscode-配置eslint保存格式化样式

1-vscode 中装置eslint2-在vue我的项目中开启esLint检测, 在vue.config.js文件中 lintOnSave: true,3-上面是我vscode的配置文件settings.json文件 { // VScode主题配置 "editor.tabSize": 2, "eslint.autoFixOnSave": true, // 每次保留的时候将代码按eslint格局进行修复 "editor.lineHeight": 24, "editor.renderLineHighlight": "none", "editor.renderWhitespace": "none", "editor.fontFamily": "Consolas", "editor.fontSize": 13, "editor.cursorBlinking": "smooth", "editor.multiCursorModifier": "ctrlCmd", "editor.formatOnSave": true, "editor.quickSuggestions": { "other": true, "comments": true, "strings": false }, "prettier.semi": true, //去掉代码结尾的分号 "prettier.singleQuote": false, //应用单引号代替双引号 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和前面的括号之间加个空格 "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "force-aligned" //属性强制折行对齐 } }, "eslint.validate": [ "javascript", "javascriptreact", "html", "vue", ], "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "debug.console.fontSize": 14, "git.path": "F:/Program Files/Git/bin/git.exe", //git门路的配置}

July 12, 2021 · 1 min · jiezi

关于visual-studio-code:vscode中调试ngspice

在linux环境中编译ngspice 还是原来的形式 去掉--disable-debug./autogen.shmkdir releasecd release../configure --enable-xspice 如果工作环境是win能够在wsl中编译,应用remote模式连上去编译好之后在vscode中按F5开始调试 第一次会提醒配置调试环境program配置残缺的程序门路 args配置r前面运行的参数 cwd配置调试的目录不配置sig.cir会找不到这样再按F5就能开始调试了

July 9, 2021 · 1 min · jiezi

关于visual-studio-code:SAP-Business-Application-Studio-如何同-SAP-BTP-CloudFoundry-环境绑定

在 SAP Business Application Studio space 创立页面,新建一个 Dev Space,利用类型抉择为 SAP Mobile Application: 在 Business Application Studio 相似 Visual Studio Code 格调的编辑页面里,命令栏里抉择 CF: Login to CloudFoundry: 抉择 SAP BTP CloudFoundry 运行环境的 API endpoint: 输出用户名和明码: 抉择 CloudFoundry space 名称: 当看到 You have been logged in 提醒音讯后,证实 SAP Business Application Studio 曾经同 SAP BTP CloudFoundry 环境绑定胜利: 更多Jerry的原创文章,尽在:"汪子熙":

July 5, 2021 · 1 min · jiezi

关于visual-studio-code:介绍一个功能强大的-Visual-Studio-Code-扩展-Rest-Client能部分替代-Postman

笔者素日用 Visual Studio Code 进行全栈开发,有的时候须要用 Postman 进行 API 测试。最近发现了一个好用的 Visual Studio Code 扩大:Rest Client,能局部取代 Postman. 顺便分享给大家: 装置结束后,在 Visual Studio Code 工程里创立一个任意名称的文件,只有满足 .http 后缀即可。将如下内容粘贴进去,即可实现 Postman 里通过 HTTP POST 调用某 Restful API 的目标: POST https://example.com/comments HTTP/1.1content-type: application/json{ "name": "sample", "time": "Wed, 21 Oct 2015 18:27:50 GMT"} 点击上图的 Send Request 超链接,即可在 Visual Studio Code 编辑区域的左边,看到该 API 的响应。 间接右键点击 .http 文件编辑区域,从右键菜单里抉择 Send Request 也能达到同样的目标。 咱们从上图右键菜单里还能发现 Generate Code Snippt 的选项,即主动生成该 HTTP 申请的调用代码。 ...

July 5, 2021 · 1 min · jiezi

关于visual-studio-code:介绍一个能将任意关键字高亮实现的-Visual-Studio-Code-扩展

这个扩大的名字叫 TODO Highlight: 原本是为了高亮代码正文里的 TODO,FIXME 这些关键词而设计的: 但我发现它能够高亮用户指定的任意关键字,这就非常灵活了。 在菜单 File -> Preferences -> User Settings 里关上设置: 应用配置项:todohighlight.keywords,增加本人想要高亮的关键词数组: 比方 namespace: 这样,代码中的 namespace 关键字也主动高亮了: 更多Jerry的原创文章,尽在:"汪子熙":

July 1, 2021 · 1 min · jiezi

关于visual-studio-code:vs-code调试技巧

launch文件解读必选属性:1. type:启动配置的调试器的类型,以下为vs code提供的内置类型,还有一些相似于pwa-node,pwa-chrome是依附插件提供的 nodephpgochrome2. request:启动配置的申请类型,目前反对的是 launch 和 attach launch:启动 -- 多用于对没启动的程序的解决attach:附加 -- 多用于对曾经启动的程序的解决3. name: 自定义名称,用于辨别不同的调试配置(显示在“调试启动配置”下拉列表中) 常见可选属性1. presentation :出现形式(在调试启动配置下的出现形式) order:排序地位hidden:是否暗藏group:分组2. preLaunchTask :在调试会话开始之前启动一个工作 3. postDebugTask :在调试会话的最初启动的一个工作 4. internalConsoleOptions :此属性管制调试会话期间调试控制台面板的可见性 neverOpen:从不关上openOnSessionStart:启动会话时关上openOnFirstSessionStart:启动第一个会话时关上局部可选属性1. program :启动调试器时要运行的文件 2. args :传递给程序的参数 3. env :环境变量 4. envFile: 环境变量文件的门路 5. cwd:用于查找依赖项和其余文件的当前工作目录 6. port :连贯到正在运行的过程时的端口 7. stopOnEntry :当程序启动时立刻中断 8. console :应用console的形式 internalConsoleintegratedTerminalexternalTerminal一些变量 文档${workspaceFolder}:工作空间文件夹的根门路${file}:编辑器以后窗口关上的文件的门路调试nodejs注:调试nodejs时不能应用ES Module(import,export)来导入导出模块,需应用CommonJS (require,module.exports) launch.json文件配置: {  "version": "0.2.0",  "configurations": [    {      "type": "node",      "request": "launch",      "name": "debug nodejs",      "cwd": "${workspaceFolder}", // 用于设置以后调试文件的根门路 默认为${workspaceFolder}      "skipFiles": [        "${workspaceFolder}/node_modules/**/*.js", // 调试时不进入node_modules中的程序        "<node_internals>/**", // 跳过外部node模块程序      ],      "program": "debug.js", // 启动程序入口文件 必须应用绝对路径      // "runtimeExecutable": "npm", // 执行package.json中定义的script      // "runtimeArgs": ["run-script", "debug"], // 执行package.json中定义的script    }  ]}残缺代码:点击拜访 调试ts程序背景:我的项目中在tsconfig.json文件中配置的门路别名,如果应用惯例的tsc去编译程序是不能解析出门路别名的,因而引入了ts-node + tsconfig-paths/register来编译并执行程序 注:我的项目依赖中须要装置ts-node、typescript、tsconfig-paths launch.json文件配置: {    "version": "0.2.0",    "configurations": [      {        "name": "ts-node", // 自定义名称        "type": "node", // 内置特定执行器        "request": "launch",        "env": {          "NODE_ENV": "test", // 设置node环境变量 process.env.NODE_ENV 能够获取到这个值        },        "runtimeArgs": [          "-r",          "ts-node/register", // 加载模块 ts-node/register          "-r",          "tsconfig-paths/register" // 加载模块 tsconfig-paths/register        ],        "skipFiles": [          "${workspaceFolder}/modules/assistant/node_modules/**/*.js", // 调试时跳过node_modules中的程序 必须应用绝对路径          "<node_internals>/**", // 跳过外部node模块程序        ],        "cwd": "${workspaceFolder}/modules/assistant", // 对应runtimeArgs中找的模块的门路        "protocol": "inspector",        "program": "./test/photography.spec.ts", // 拼接在cwd的门路前面或者应用绝对路径        "internalConsoleOptions": "openOnSessionStart"      }    ]}残缺代码:点击拜访 调试ng&react1、装置 Debugger for Chrome 插件 launch.json文件配置: {  "version": "0.2.0",  "configurations": [    {      "type": "chrome",      "request": "launch",      "name": "debug ng", // 自定义名称      "url": "http://localhost:4200", // 我的项目启动地址      "skipFiles": [        "${workspaceFolder}/node_modules/**/*.js", // 调试时不进入node_modules中的程序        "<node_internals>/**", // 跳过外部node模块程序      ]    }  ]}残缺代码:点击拜访 调试pythonlaunch.json文件配置: {  "version": "0.2.0",  "configurations": [    {      "name": "debug python",      "type": "python",      "request": "launch",      "program": "${workspaceFolder}/debug.py", // 调试的程序      "console": "integratedTerminal"    }  ]}残缺代码:点击拜访 参考资料DebuggingDebugging in VS CodeNode.js debugging in VS CodeVariables Reference

June 28, 2021 · 1 min · jiezi

关于visual-studio-code:VS-Code-如何设置文件顶部加入作者信息日期和函数注释

1、装置插件KoroFileHeader 2、左下角抉择治理---设置---输出"fileheader"---点击"在setting.json中编辑" 3、把上面的代码放到json文件中 // 文件头部正文"fileheader.customMade": { "Descripttion":"", "version":"", "Author":"CoderXZ", "Date":"Do not edit", "LastEditors":"CoderXZ", "LastEditTime":"Do not Edit"},//函数正文"fileheader.cursorMode": { "name":"", "msg":"", "param":"", "return":""},快捷键:ctrl + command + i 生成头部正文 快捷键:ctrl + command + t 生成函数正文

June 17, 2021 · 1 min · jiezi

关于visual-studio-code:如何在vs-cdoe中debug-PHP中的js文件

后期筹备装置vscode和chrome 配置CakePHP 3.6.1PHP 7.4.10js文件在<ProjectFolder>\webroot\js\里 步骤1.在【拓展】里搜寻【debbuger for chrome】并装置 2.点击运行和调试面板,从开始调试隔壁的下拉菜单里抉择【增加配置】 3.在弹出来的面板中抉择第二个【Chrome:Attach】 4.在主动生成的配置文件中,批改port和webRoot属性 4.1其中,port端口改成php服务器的端口 4.2在原来的webroot属性后增加我的项目公开拜访门路(在cakePHP里是/webroot) 5.保留配置文件,抉择第二个配置文件,点击【开始调试】 vscode会主动调出chrome 6.在地址栏输出你要debug的页面,能够看见【调用堆栈】面板中有正在运行的【会话】(为什么这里是会话,我也不晓得...) 7.回到js文件,在想debug的中央增加断点breakpoint 8.函数运行到有断点的中央就会暂停,能够用vs code顶端的调试工具栏来实现单步调试和单步退出等性能 9.功败垂成,开始你的debug吧

June 11, 2021 · 1 min · jiezi

关于visual-studio-code:es6cssminify配置

主动保留按F1搜寻setting,找到工作区配置(JSON),在外面退出"es6-css-minify.minifyOnSave": "yes"即可 批改输入目录 "es6-css-minify.jsMinPath": "/js/",其中"/js/"示意的是将压缩后的min.js文件放入到我的项目根目录下的js目录内。

May 23, 2021 · 1 min · jiezi

关于visual-studio-code:LinuxSTM32Linux下用CubeMXVSCode点亮LEDSTM32

环境:Ubuntu 18.04 加上调试局部当前文章有些长了,去掉当前写了一篇只讲配环境建工程和下载的。 步骤装置VSCode、STM32CubeMX、STLink驱动(如果用STLink),参考链接如下: VSCode CubeMX STLink 而后,装置arm-none-eabi-gcc,这里笔者采纳新增PPA的形式进行装置。 sudo add-apt-repository ppa:team-gcc-arm-embedded/ppasudo apt-get updatesudo apt-get install gcc-arm-embedded装置信息中显示所装置的版本为7-2018q2-1~bionic1。 而后,依照个别的办法应用Cube新建个点灯的工程(假如咱们点PC13上的灯),设置HSE、设置Debug、设置GPIO、配置时钟树......最初在Project Manager页面抉择ToolChain为”Makefile“而后生成代码。首次应用某种器件时须要装置对应的库,确认后期待片刻即可。键入code关上VSCode,装置插件"C/C++",而后,用VSCode关上Cube生成的工程目录(比方你的工程要是叫”F4_blink“的话Open Folder的时候就选这个)。VSCode界面下按F1,输出Edit configurations并抉择Edit configurations(JSON),而后会关上一个c_cpp_properties.json的文件,默认的内容大略是上面这样的: { "configurations": [ { "name": "Linux", "includePath": [ "${workspaceFolder}/**" ], "defines": [], "compilerPath": "/usr/bin/gcc", "cStandard": "gnu11", "cppStandard": "gnu++14", "intelliSenseMode": "linux-gcc-x64" } ], "version": 4}局部条目须要做点改变。关上工程目录下的Makefile文件,把C_INCLUDES的内容搬到inlcudePath下,把C_DEFS的内容搬到defines下。留神,可能须要做些批改,比方原来的内容可能是-ICore/Inc这样格局的,去掉”-I“后参考上面内容的格局写。 { "configurations": [ { "name": "Linux", "includePath": [ "${workspaceFolder}/**", "Core/Inc", "Drivers/STM32F4xx_HAL_Driver/Inc", "Drivers/STM32F4xx_HAL_Driver/Inc/Legacy", "Drivers/CMSIS/Device/ST/STM32F4xx/Include", "Drivers/CMSIS/Include" ], "defines": [ "USE_HAL_DRIVER", "STM32F401xC" ], "compilerPath": "/usr/bin/arm-none-eabi-gcc", "cStandard": "gnu11", "cppStandard": "gnu++14", "intelliSenseMode": "linux-gcc-x64" } ], "version": 4}而后,关上Core/Src/main.c,熟练地敲出如下的点灯代码:(并保留) ...

April 29, 2021 · 1 min · jiezi

关于visual-studio-code:VSCode-打开-WSL-项目

装置好 wsl 中,就能够在 wsl 折腾了,撸起袖子开撸代码。就来说说 VSCode 如何关上 wsl 中的我的项目吧,其实这些都是话废了。 装置 VSCode在 windows 中装置 VSCode,不过要留神的是肯定要将 VSCode 增加到零碎变量的 Path 中 关上我的项目第一种形式:在 wsl 中关上这种形式呢,首先要关上 wsl 终端,进入到要关上的我的项目中,在我的项目中执行命令,接下来静静地期待着 VSCode 关上,而后就能够在外面开心的撸代码了 code . 关上成果 第二种形式:在 vscode 中关上这种形式呢,须要在 vscode 中装置扩大 Remote Development,链接在此:Remote Development 在 vscode 中按键 F1 或者 Ctrl + Shift + p,在小框里输出 Remote-WSL,会弹出一个列表供你抉择 能够抉择:Remote-WSL: New Window 或者 Remote-WSL: New Window using Distro,这么多选项能够本人点点看 第三种形式:在 cmd 中关上能够在 cmd 或者 Power Shell 或者 Windows Terminal 中输出下方命令,就能关上了 code --remote wsl+Ubuntu-18.04 /home/yourname/project ...

April 16, 2021 · 1 min · jiezi

关于visual-studio-code:my-vscode-in-ubuntu

settings.json{ // =============================== 通用设置 ============================= "editor.tabSize": 4, //tab 格数 "editor.fontSize": 16, // 编辑区字体大小 "explorer.autoReveal": false, // 敞开关上文件查看器时文件夹主动开展 // =============================== git设置 ============================= // "git.ignoreMissingGitWarning": true, // =================================== vim ============================= // 光标通过代码折叠出不主动开展 "vim.foldfix": true, "vim.easymution": true, "vim.incsearch": true, "vim.useSystemClipboard": true, "vim.useCtrlKeys": true, "vim.hlsearch": true, "vim.insertModeKeyBindings": [ { "before": ["j", "k"], "after": ["<Esc>"] }, ], "vim.normalModeKeyBindingsNonRecursive": [ // { // "before": ["<leader>", "d"], // "after": ["d", "d"] // }, { "before": ["<C-n>"], "commands": [":nohl"] }, { "before": ["K"], "after": ["g", "t"] }, { "before": ["J"], "after": ["g", "T"] }, { "before": ["<leader>", "j"], "after": ["J"] }, { "before": [","], "after": ["s"] }, { "before": ["<"], "after": ["S"] } ], "vim.leader": "<space>", "vim.handleKeys": { "<C-a>": false, "<C-f>": false, "<C-b>": false, "<C-e>": false, }, "window.zoomLevel": 0, "update.mode": "none", // ======================== vim ibus im-select ===================== // "vim.autoSwitchInputMethod.enable": true, // "vim.autoSwitchInputMethod.defaultIM": "xkb:us::eng", // "vim.autoSwitchInputMethod.obtainIMCmd": "/usr/bin/ibus engine", // "vim.autoSwitchInputMethod.switchIMCmd": "/usr/bin/ibus engine {im}"}vue settings.json{ "editor.tabSize": 2, // ===============================eslint==================== // 保留后主动修复格局 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // "editor.formatOnSave": true, // 保留主动格局 化 // 增加vue反对 "eslint.validate": [ "javascript", "javascriptreact", "vue" ], // ================================ sass ==============================}vscode snippet文件正文(上面是h5的例子){ "Print to console": { "prefix": "h5_header", "body": [ "<!--", " * @Author: zhangyu", " * @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND", " * @LastEditors: Please set LastEditors", " * @Description: $0", " * @FilePath: $RELATIVE_FILEPATH", "-->", ], "description": "Log output to console" }}vue files{ "Print to console": { "prefix": "vue", "body": [ "<!--", " * @Author: zhangyu", " * @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND", " * @LastEditors: Please set LastEditors", " * @Description: $0", " * @FilePath: $RELATIVE_FILEPATH", "-->", "<template>", " <div class=\"$1\">$2</div>", "</template>", "", "<script>", "", "export default {", " components: {},", " filters: {},", " data() {", " return {", "", " };", " },", " computed: {},", " watch: {},", " created() {},", " mounted() {},", " methods: {}", //" beforeCreate() {},", //" beforeMount() {},", //" beforeUpdate() {},", //" updated() {},", //" beforeDestroy() {},", //" destroyed() {},", //" activated() {},", " };", "</script>", "<style lang='scss' scoped>", "//@import url(); 引入公共css类", "", "</style>", "" ], "description": "Log output to console" }}vscode-extends ...

April 16, 2021 · 2 min · jiezi

关于visual-studio-code:vscode-vue-插件

veturprettirePath Autocomplete 门路主动补全 css可用 js可用(应用@之后无奈辨认) html(img) 可用vue-devtools https://github.com/vuejs/vue-... [谷歌浏览器chrome的vuejs devtools 插件的装置](https://www.cnblogs.com/alice-fee/p/8038367.html)====================================================================================

April 8, 2021 · 1 min · jiezi

关于visual-studio-code:vscode-保存自动格式化

1)文件 ------.>【首选项】---------->【设置】; 2)搜寻emmet.include; 3)在settings.json下的【工作区设置】中增加以下语句: //回车主动格式化 "editor.formatOnType": true, //保留时主动格式化"editor.formatOnSave": true,~~~~ { "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[yaml]": { "editor.defaultFormatter": "redhat.vscode-yaml" }, "emmet.preferences": { }, //回车主动格式化 "editor.formatOnType": true, //保留时主动格式化 "editor.formatOnSave": true,}

April 4, 2021 · 1 min · jiezi

关于visual-studio-code:VS-Code环境配置Vue篇

在VS Code中,配置适宜Vue的开发环境;装置prettier插件, 并且在settings.json中,做出如下配置 settings.json配置// 编辑器设置"editor.tabSize": 2,"editor.fontLigatures": true,"editor.formatOnSave": true,"editor.renderWhitespace": "none","editor.renderControlCharacters": false,"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"diffEditor.ignoreTrimWhitespace": false,"terminal.integrated.rendererType": "dom","window.zoomLevel": 0,"minapp-vscode.disableAutoConfig": true,// 代码格式化设置"prettier.semi": false,"prettier.singleQuote": true,"prettier.trailingComma": "all","prettier.arrowParens": "avoid","prettier.endOfLine": "auto",// 配置js的文档格式化工具"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"vetur.format.defaultFormatterOptions": {// vetur新版本不会读取prettier的配置, 须要在这里设置"prettier": {"singleQuote": true,"semi": false,"trailingComma": "all"}},"emmet.includeLanguages": {"wxml": "html"},"javascript.implicitProjectConfig.experimentalDecorators": true,"css.fileExtensions": ["css", "scss", "vue"],"files.associations": {"*.cjson": "jsonc","*.wxss": "css","*.wxs": "javascript"},.prettierrc配置{ "eslintIntegration": true, "singleQuote": true, "semi": false, "trailingComma": "all"}

March 26, 2021 · 1 min · jiezi

关于vue.js:VS-Code常用插件

在平时开发中,VS Code简直成了主力开发工具,这里分享一下集体感觉比拟好用的一些插件。 1.Auto Close Tag主动闭合HTML/XML标签 2.Auto Rename Tag主动重命名配对的HTML/XML标签 3.Bracket Pair Colorizer给括号加上不同的色彩,便于辨别不同的区块,使用者能够定义不同括号类型和不同色彩 4.Color Highlight色彩高亮 5.CSS Peek 6.EditorConfig for VS Code 7.ESLint 8.Git Blame 9.Git History 10.GitLens 11.Live Server 12.Markdown Preview Enhanced 13.Material Icon Theme 14.Material Theme 15.npm Intellisense 16.Path Intellisense 17.Prettier - Code formatter 18.Sublime Text Keymap and Settings Importer 19.Tabnine Autocomplete AI: JavaScript, Python, TypeScript, PHP, Go, Java, Ruby, C/C++, HTML/CSS, C#, Rust, SQL, Bash, Kotlin, React 19.Text Marker (Highlighter) ...

March 24, 2021 · 1 min · jiezi

关于visual-studio-code:使用Vscode调试debugNuxt

应用Vscode调试(debug)Nuxt前情提要: 因为近期一些推广我的项目的起因,便应用nuxt来疾速开发了一个前端我的项目,应用过程中,变发现和之前纯vue开发模式不尽相同,除了新增局部语法之外,包含很多配置甚是不清晰 这里次要记录一下 应用vscode来进行调试nuxt服务, 次要是针对 asyncData 疾速开始vscode插件装置vscode中搜寻装置: Debugger for Chrome 初始化 这里的 .vscode/launch.json 应用默认的即可 配置相干配置在 nuxt.config.js 中退出 extend(config, ctx) { const path = require('path'); config.devtool = '#source-map' // 以下看着来吧 // Run ESLint on save // if (ctx.isDev && ctx.isClient) { // if (ctx.isDev && ctx.isClient) { // config.devtool = '#source-map' // } // } }}开始debug1、点击运行调试 运行 npm run dev 2、启动后查看debug 查看debug相干文件是否失常 <node_internals> 这个文件是外围,请留神,如果缺失这个文件,能够疏忽上面的步骤了 如果你问我为什么,那我也不晓得,临时没深究,按我来就行 3、debug 对应文件行数 ...

March 22, 2021 · 1 min · jiezi

关于visual-studio-code:VSCode-Feature-Request-第一次打开TypeScript文件自动折叠-tsdoc-注释

自己在 VSCode 提了一个 第一次关上TypeScript文件主动折叠 tsdoc 正文 的 Feature Request 如果喜爱这个 Feature 的 请到 ↪open TypeScript file , the Doc comment default be folder去点个赞 轻易去理解一下大型开源我的项目的 Issues Triaging也是不错的

February 27, 2021 · 1 min · jiezi

关于visual-studio-code:vscode配置eslint

1.电脑系统 windows10专业版2.在开发的过程中,咱们可能会应用到eslint,上面我来分享一下escode配置eslint和遇到的问题。4.在settings.json中增加如下代码: { // vscode默认启用了依据文件类型主动设置tabsize的选项 "editor.detectIndentation": false, // 从新设定tabsize "editor.tabSize": 1, // #每次保留的时候主动格式化 "editor.formatOnSave": true, // #每次保留的时候将代码按eslint格局进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true, //不在完结的对象增加逗号 "trailingComma": "none" }, }}5.你可能会遇到如下谬误: 这个意思是:在办法名和刮号之间须要有一格空格6.解决办法,在 我的项目.eslintrc.js中增加如下代码: rules: {//去除办法名和括号之后的空格 "space-before-function-paren": 0, 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', }7.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。

February 4, 2021 · 1 min · jiezi

关于visual-studio-code:VSCode便携版绿色版的制作

有些共事没有本机管理员权限,又心愿装置应用VSCode,怎么办呢? 开始参考了这篇文章,发现并不见效,起初还是上英文官网看了看,发现这个计划并不适用于安装版,必须去官网下载ZIP版,而后参考下面的操作即可。 预装插件如果心愿绿色版中预装局部插件,能够启动Code.exe后,失常装置插件,这些插件都会被装置到<codeRoot>\data\extensions目录里。 零碎右键菜单能够把VSCode放到零碎右键菜单中,不便将其作为文本编辑器应用。 然而没有管理员权限意味着无权限批改注册表中HKEY_LOCAL_MACHINE节点,不过还好能够批改HKEY_CURRENT_USER节点达到同样目标。 把上面代码保留成一个.reg后缀的文本文件,并批改替换成你理论的VSCode门路,点击导入注册表即可: Windows Registry Editor Version 5.00[HKEY_CURRENT_USER\SOFTWARE\Classes\*\shell\VSCode]@="Open with Code""Icon"="D:\\dev\\VSCode\\Code.exe"[HKEY_CURRENT_USER\SOFTWARE\Classes\*\shell\VSCode\command]@="\"D:\\dev\\VSCode\\Code.exe\" \"%1\""打包在打包成最终的绿色版zip包之前,倡议清空<CodeRoot>\data\user-data目录和<CodeRoot>\data\tmp目录再打包,能大大减小体积

January 26, 2021 · 1 min · jiezi

关于visual-studio-code:vscode安装插件

中文 主题 "editor.fontFamily": "Consolas, '微软雅黑', monospace", "editor.fontWeight": 600,单词拼写查看括号色彩 文件图标 eslintprettier主动闭合标签 主动更改匹配的标签名 门路补全 一般运行页面 运行页面到服务器 vuevue代码高亮 react

January 24, 2021 · 1 min · jiezi

关于visual-studio-code:Vim-进阶-剪切删除复制粘贴与寄存器

Vim 和其它编辑器一样,也有剪切、复制、粘贴等操作,然而在 Vim 中这些操作都有不同的名字:删除 delete、复制 yank、粘贴 put。 个别的编辑器在进行复制、剪切等操作时,会应用操作系统的剪贴板 clipboard 来临时存储文本,而 Vim 的「剪贴板」和零碎的剪贴板并不互通,Vim 应用内建的「寄存器 register」来保留文本。 剪切(删除)、复制、粘贴操作剪切(删除)Delete在其余编辑器中,剪切个别代表着删除一段文本的同时,将这段文本保留到剪贴板中,以便在其余中央粘贴进去。而在 Vim 当中,剪切和删除并没有显著的界线,因为在 Vim 中,所有被删除的文本都会被放到寄存器中,这样咱们在下次想应用的时候能够间接粘贴。 具体放到哪个寄存器里了,以及寄存器的操作方法,咱们稍后再说。先来看看 Vim 中和剪切 / 删除相干的命令: 命令用处c{motion}删除字符并进入插入模式cc删除整行并进入插入模式(=== S)C从光标处删除到行尾并进入插入模式d{motion}删除字符并进入插入模式dd删除整行D革除以后行的所有字符(不会删除行)s删除光标下的字符并进入插入模式S删除整行并进入插入模式(=== cc)x删除光标下的字符X删除光标后面的字符在 Vim 里,c 代表 change,d 代表 delete。 简略来讲,c 和 s 相干的命令在删除字符后会进入插入模式,而 d 和 x 在删除之后会留在一般模式。c 和 d 能够删除成段字符,而 s 和 x 只删除一个字符。 c{motion} 和 d{motion} 中的 {motion} 代表动作命令,对于动作命令的更多内容能够参考这一篇。例如:ciw - 删除以后单词并进入插入模式,dt" - 删除到 " 前边,di] - 删除 [] 内包含的内容,等等。 除动作命令外,也可应用可视模式选中文本后用 c 或 d 进行删除。 ...

December 27, 2020 · 2 min · jiezi

关于visual-studio-code:记一次前端vscode插件编写实战超详细的分享会建议收藏哦下篇

这里的序号承接上文十一. hover的成果(官网例子含糊)设想一下鼠标悬停在一个语句上就会浮现出你的提示信息, 是不是还挺酷的, 说干就干,但还是忍不住吐槽一下官网的例子太毛糙了. hover就不必去定义命令了, 因为他的触发规定就是悬停咱们新建hover.js文件 const vscode = require('vscode');const path = require('path');module.exports = vscode.languages.registerHoverProvider('javascript', { provideHover(document, position, token) { const fileName = document.fileName; const workDir = path.dirname(fileName); const word = document.getText(document.getWordRangeAtPosition(position)); // console.log(1, document) // console.log(2, position) // console.log(3, token) console.log(4, '这个就是悬停的文字', word) // 反对markdown语法 return new vscode.Hover( `### 我就是返回的信息! 1. 第一项: - 第一个元素 - 第二个元素 2. 第二项: - 第一个元素 - 第二个元素 `); } });index.js文件如下 ...

December 23, 2020 · 4 min · jiezi

关于visual-studio-code:Vim-进阶-移动和跳转

置信你曾经晓得了 hjkl 的含意,如果不晓得的话,看这里。 hjkl 也能够更快!在这里我(不带任何倾向性地)假如你应用的是 MacBook,关上 零碎偏好设置 > 键盘,把「按键反复」和「反复前提早」都调整到最快。 「按键反复」决定了当你长按某一个按键的时候零碎会以多快的速度反复输出这个按键,「反复前提早」决定了当你开始长按多久过后零碎会开始反复输出。把这两个选项都调到最快,能够让光标的挪动更快。 然而,仅靠长按这四个按键来挪动,是十分高级、低效、应该被防止的操作。如果你曾经决定用 Vim 来进行文本编辑却还用这种形式挪动光标,人民大众会怨恨你,你的敌人和家人也会讥笑你,鄙弃你^。 什么是屏幕行如果你应用的是古代 ide 的 Vim 模式,那么在屏幕左侧应该曾经有行号标识了。如果你是在终端当中应用 Vim,你可能须要 :set number 命令关上行号显示。 如图所示,光标当初在第 3 行结尾 _N_isi 地位,此时咱们按下 j,光标挪动到了第四行,而不是 Nisi 上面的 qui。这是因为 jk 是依照理论行,也就是文本在文档中实在的行,进行挪动的。而当一行文本的长度超过的窗口的宽度,Vim 会把这一行折行显示,文件中的一行可能会显示成屏幕上的若干行。 在 Vim 中想要按屏幕行高低挪动(本例中从 _N_isi 挪动到 qui),能够用 gj 和 gk 命令。 挪动到行首和行尾的 0 和 $ 命令同样也有屏幕行和理论行之分,按屏幕行的首尾挪动,能够应用 g0、g$。 基于单词的挪动命令挪动地位w到下一个单词的结尾 - forward / wordb到以后单词、上一个单词的结尾 - backwarde到以后单词、下一个单词的结尾ge到上一个单词的结尾ea 连在一起能够实现「挪动到以后单词结尾并在前面插入」,记住它,应用频率很高。查找字符f{char}、F{char}、t{char}、T{char} 这四个命令是 Vim 中进行查找/挪动最快的形式,能够别离记忆为 find、till。 其中,f{char} 代表挪动光标到以后行的下一个 {char},而 t 代表挪动光标到以后行的下一个 {char} 的后面一个字符。与这两个命令对应的大写,F{char}、T{char},则别离代表向前查找。 ...

December 17, 2020 · 1 min · jiezi

关于visual-studio-code:VSCode-配置Easy-Less扩展

vscode 编辑器外面很不便的编译less文件,须要在扩大商店外面下载一款名叫Easy LESS的扩大; 装置实现后,按“ ctrl+, ”关上 “Easy LESS Configuration ”配置界面,在 settings.json编辑。 默认配置: "less.compile": { "compress": false,//是否压缩 "sourceMap": false,//是否生成map文件,有了这个能够在调试台看到less行数 "out": true, // 是否输入css文件,false为不输入 "outExt": ".css", // 输入文件的后缀 }配置一:把less编译到指定css文件夹"out": "${workspaceRoot}\\assets\\css\\",${workspaceRoot} 我的项目根目录;\\assets\\css\\ 我的项目的css目录,目标是把编译后的css放入 \assets\css\目录的同名文件;留神最初的\\也是须要的,如果不加,会生成 css.css 的样式表;

December 10, 2020 · 1 min · jiezi

关于visual-studio-code:vscode正则替换

举个例子:替换前 Access-Control-Allow-Credentials: trueAccess-Control-Allow-Origin: https://movie.douban.comCache-Control: must-revalidate, no-cache, privateConnection: keep-aliveContent-Encoding: brContent-Type: application/json; charset=utf-8Date: Tue, 08 Dec 2020 08:12:04 GMTExpires: Sun, 1 Jan 2006 01:00:00 GMTKeep-Alive: timeout=30Pragma: no-cacheServer: daeSet-Cookie: bid=QfmDsWrTsvE; Expires=Wed, 08-Dec-21 08:12:04 GMT; Domain=.douban.com; Path=/Strict-Transport-Security: max-age=15552000Transfer-Encoding: chunkedX-Content-Type-Options: nosniffX-DAE-App: talionX-DAE-Instance: defaultX-Douban-Mobileapp: 0X-DOUBAN-NEWBID: QfmDsWrTsvEX-Xss-Protection: 1; mode=block下面那么多键值对从chrome的response headerds复制过去时没有引号,结尾处没有逗号如果一个一个的加上引号和逗号会比拟麻烦,浪费时间,这样的状况下能够编写个正则表达式进行匹配替换 应用了正则表达式(.*?): (.*)匹配了不带引号的键值对,而'$1': '$2',则示意替换成冒号前后要加引号并且结尾处加上逗号的模式,抉择全副替换,一次性替换成须要的键值对模式,十分不便 上面是vscode针对正则表达式的官网链接:https://docs.microsoft.com/en...

December 8, 2020 · 1 min · jiezi

关于visual-studio-code:mac实现vscode调试python代码

问题:下载里python扩大后仍不能单点调试代码起因:未做配置配置如下: 关上vscode的设置,搜寻python.pythonPath,配置python依照门路,本人的依照门路能够在终端输出which python3如下图填写: 去lunch.json配置如下图点击1处,再点击2处,再再3处增加框中所示,为不便粘贴,增加配置在上面: { "name": "Python: currenfile", "type": "python", "request": "launch", "program":"${file}", "console":"integratedTerminal"} 至此,实现,在上图2处抉择你配置的currentfile,点击上图2处的▶️图标执行,就能够断点调试了。

December 4, 2020 · 1 min · jiezi

关于visual-studio-code:VsCode

MacOS:跳到一个单词的结尾: option (⌥) + ←跳到一个单词的结尾: option (⌥) + →跳到一个行头: command (⌘) + ←跳到一个行尾: command (⌘) + →当上一行以后地位插入光标: command (⌘) + option (⌥) + ↑当下一行以后地位插入光标: command (⌘) + option (⌥) + ↓复制以后这行到下一行: shift + option (⌥) + ↓抉择光标以后地位到行头: shift + commad (⌘) + ←抉择光标以后地位到行尾: shift + commad (⌘) + →关上 vscode 自带终端: control (⌃) + ~

November 20, 2020 · 1 min · jiezi

关于visual-studio-code:只需使用VS-Code的REST客户端插件即可进行API调用

为什么要来到IDE去测试新的API?当初你不用这样做了。 咱们如何获取数据如果你曾经做了很长时间的Web开发,你可能晓得咱们的很多工作都是围绕着数据开展的:读取数据、写入数据、操作数据,并以正当的形式在浏览器中显示进去。 而这些数据绝大部分都是由REST API端点提供的,艰深地说:咱们想要的数据存在于其余服务或数据库中,咱们的应用程序查问该服务来检索数据,并依据本人的须要应用数据。 在过来,为了在连贯UI以承受数据之前测试REST API,通常必须通过终端的命令行查问API,或者应用像Insomnia或Postman这样的GUI(我在之前的博客中对它们进行了比拟)。 但当初,如果你应用VS Code(为什么不呢,用它写代码多好啊!),生存就变得简略了。咱们不再须要退出IDE来测试API,因为当初曾经有一个插件能够做到这一点:REST Client。 应用REST Client是非常简单的,我将向您展现这个插件是如许简略,而且功能齐全。 意识VS Code REST Client插件我是VS Code这个代码编辑器的粉丝,曾经有好几年了,每次得悉有人创立了一个新的有用的插件并增加到VS Code市场,我都会无比感谢。 所以当我决定每次须要测试一个新的API路由时,都要启动Postman或Insomnia是一件很苦楚的事件,我发现了REST Client 这个插件,能够让这所有变得不必要。 REST Client是迄今存在的工具的最显著名称,其VS Code市场形容精确地概括了其性能:“REST Client容许您发送HTTP申请并间接在Visual Studio Code中查看响应。” 就这么简略。而后,它会提供大量的详细信息以及应用办法的示例,但实际上,它是VS Code中内置的HTTP工具。因而,让咱们开始应用它。 装置REST Client要找到它,关上VS Code中的市场扩大(左侧面板上的俄罗斯方块小图标),在搜寻栏中输出 “rest client”,而后装置列表中的第一个后果(作者应该是Huachao Mao)。 装置实现后,咱们能够持续进行设置。 设置REST Client脚本只需在我的项目的根目录下创立一个以 .http 结尾的文件,REST Client能够辨认出这一点,并且晓得它应该可能运行来自该文件的HTTP申请。 在测试的时候,我把几年前做的一个docker化的全栈MERN登录利用,把一个我命名为 test.http 的文件丢到我的项目文件夹的根目录。 测试一下:基本操作这是很酷的局部:在我的教训中,这个小小的REST Client插件可能做的事件和Postman等更简单的API客户端一样多。 上面,我将向你展现如何进行每一种类型的根本CRUD操作,再加上如何像JWT令牌一样进行须要认证的API调用,应用我在本地运行的MERN用户注册利用来指向调用。 POST示例我将介绍的第一个示例是REST Client的 POST,因为用户在我的应用程序中必须先注册能力进行其余任何操作(毕竟,这只是一个登录服务)。 因而,该代码将在 test.http 文件中显示。 好的,让咱们回顾一下下面的代码片段中产生的事件。 REST Client为了失常工作所须要的第一件事是发出请求的类型及其尝试拜访的路由的残缺URL门路。在这种状况下,申请是POST,URL是 http://localhost:3003/registerUser。第一行开端的 HTTP/1.1 与RFC 2616建设的规范无关,然而我不确定是否有必要,因而我将其保留只是为了平安。 而后,因为这是一个 POST,所以在申请中要蕴含一个JSON体,留神 Content-Type 和 body 之间有一行空行——这是REST Client无意要求的。所以,咱们把所需的字段填好,而后,在 POST 下面应该会呈现一个小小的 send Request 选项。把鼠标放在下面,而后点击,看看会有什么后果。 ...

November 19, 2020 · 1 min · jiezi

关于visual-studio-code:精选高频-VS-Code插件让你多陪陪npy

观感度:???????????????????? 口味:菲力牛排 烹饪工夫:5min 本文已收录在前端食堂同名仓库Github github.com/Geekhyt,欢迎光临食堂,如果感觉酒菜还算可口,赏个 Star 对食堂老板来说是莫大的激励。1.TODO Highlight高亮显示你的 TODO、FIXME,反对自定义关键字和外观,能够起到良好的提醒作用。 2.Vetur + Prettier + ESLint解决抵触后配合应用完满格式化代码,能交给机器做的肯定要学会偷懒。 3.Highlight Matching Tag实时高亮匹配标签,不必在 HTML 中目迷五色的找标签了。 4.javascript console utils疾速生成 console.log() ,调试利器,妈妈再也不必放心你的指关节。 5.Code Runner一键运行代码,反对很多语言。 6.Comment Translate插件应用 Google Translate API 翻译正文,功能强大,在看开源我的项目源代码的时候很有用(英文好的话请疏忽)。 7.Image preview图片预览,能够在代码行号左侧槽位(或hover时)预览图片。 8.Version Lens显示包版本信息,在 package.json 中显示包最新版本等信息。 9.vscode-pigments实时显示css, sass, jsx中的色彩。 10.Auto Close Tag主动补全标签。 11.Auto Rename Tag同步批改标签。 12.Bracket Pair Colorizer不同色彩高亮显示匹配的括号。 13.Code Spell Checker单词拼写查看。 14.WakaTime编程工夫记录工具,在它的官网 Dashboard 中以图形化形式展现你的编程工夫,让你更清晰的把握你的工夫都去哪了。 ...

November 15, 2020 · 1 min · jiezi

关于visual-studio-code:vsCode-对未使用变量波浪线显示

vsCode 对未应用过的变量波浪线显示出 装置eslint插件,在我的项目的vsCode配置settings.json文件, "javascript.validate.enable": true,重新启动vscode失效

November 13, 2020 · 1 min · jiezi

关于visual-studio-code:vscode快捷键

1.  针对单词的光标挪动你只需按下 Option(Windows 上是 Ctrl 键)和左方向键。相同,如果要把光标挪动到单词的开端,只须要按下 Option 和右方向键就好了。能够在文档中以单词为单位不停地挪动光标。 把光标挪动到行首或者行末。 Fn+Home/End代码块的光标挪动 按下 Cmd + Shift + (Windows 上是 Ctrl + Shift + )挪动到文档的第一行或者最初一行 你只需按住 Cmd + 左方向键(Windows 上是 ctr +Home 键),就能够把光标挪动到了这行的第一列;而如果你按住 Cmd 和右方向键(Windows 上是 ctr +End 键)3. 删除操作以后行中光标之前的文本全副删除, Home + Shift (fn+shift) +delete,macOS: Cmd + Left + Shift +delete2. 文本抉择对于基于单词、行和整个文档的光标操作,你只须要多按一个 Shift 键,就能够在挪动光标的同时选中其中的文本。 ctr+方向选取   ctr+shift+delete删除删除单行 Cmd + Shift + K ” (Windows 上是 “Ctrl + Shift + K”)剪切这行代码 ...

October 25, 2020 · 1 min · jiezi

关于visual-studio-code:vscode工具设置

1 window.zoomLevel : 设置侧边栏的字体大小 窗口缩放比例

October 23, 2020 · 1 min · jiezi

关于visual-studio-code:VSCode使用

通过vscode调试JavaScript代码,配置如下: { // 应用 IntelliSense 理解相干属性。 // 悬停以查看现有属性的形容。 // 欲了解更多信息,请拜访: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ // 通过npm脚本调试启动配置 { "type": "node", "request": "launch", "name": "Launch via NPM", "runtimeExecutable": "npm", "runtimeArgs": [ "run-script", //第一个参数`run-script`不要批改 "escheck" //runtimeArgs的第二个参数,就是npm scripts的命令名 //对应package.json中的scripts中的escheck, 要求脚本必须是node调用 ], "port": 9229, //这个端口是调试的端口,不是我的项目启动的端口 "stopOnEntry": true //启动调试后会,会主动将断点停在代码的第一行 }, // 通过nodemon调试启动配置 { "type": "node", "request": "launch", "name": "nodemon", "runtimeExecutable": "nodemon", "program": "${workspaceFolder}/app.js", // ${workspaceFolder}/app.js示意了调试的入口 "restart": true, "console": "integratedTerminal", "internalConsoleOptions": "neverOpen" } ]}我的项目package.json: ...

October 20, 2020 · 1 min · jiezi

关于visual-studio-code:Macwindows-下Visual-Studio-code-debug-c配置

mac教程先决条件#要胜利实现本教程,您必须执行以下操作: 在macOS上装置Visual Studio Code。为VS Code装置C ++扩大。您能够通过在“扩大”视图(⇧⌘X)中搜寻“ c ++”来装置C / C ++扩大。 确保已装置Clang #您的Mac上可能曾经装置了Clang。要验证它是否正确,请关上macOS终端窗口,而后输出以下命令: clang --version如果未装置Clang,请输出以下命令以装置命令行开发人员工具:xcode-select --install创立工程1.新建一个文件夹,用vscode关上此文件夹,到此我的项目创立实现. 配置c++编译项倡议间接装置native debug插件,官网给出的本人配置的办法较繁琐 debugnative debug插件装置之后,能够间接按f5键就行调试,第一次启动的时候会让你抉择环境,抉择c++(GDB/LLDB)(见图1-1)、抉择配置,抉择clang++-生成和调试流动文件(见图1-2) 图1-1 图1-2会主动生成tasks.json和launch.json 编译多文件的时候须要在在tasks.jso -args退出文件门路,且批改输入文件名,不能和文件夹下的文件重名,改变后如下: { "tasks": [ { "type": "shell", "label": "C/C++: clang++ build active file", "command": "/usr/bin/clang++", "args": [ "*.cpp",//cpp文件门路 "*.c",//c文件门路 "main/*.c",//main下的c门路 "-g", "-o", // cmakeTest不能和以后门路下的重名 "${fileDirname}/cmakeTest" ], "options": { "cwd": "${workspaceFolder}" }, "problemMatcher": [ "$gcc" ], "group": { "kind": "build", "isDefault": true } } ], "version": "2.0.0"}因为下面批改了生成的程序名,须要同步批改launch.json中program的值 ...

October 12, 2020 · 1 min · jiezi

关于visual-studio-code:windows下自定义vscode的扩展插件的路径

默认状况下vscode扩大插件寄存C:\Users\用户名\.vscode,在插件下载多的时候会占用C盘空间。批改vscode扩大插件的门路,办法如下: 1.右键快捷方式——》抉择“属性”,在指标地位前面输出: --extensions-dir "D:\mySoft\vscode-extensions\extensions"其中“D:\mySoft\vscode-extensions\extensions”是我本人自定义的门路 如图:2.而后将C:\Users\用户名\.vscode下的扩大插件剪切到自定义门路(D:\mySoft\vscode-extensions\extensions)即可。 3.验证是否批改胜利,关上vscode,尝试着装置一个扩大插件Beautify,如图: 查看C:\Users\用户名\.vscode为空,而D:\mySoft\vscode-extensions\extensions已有xxx.beautify-xxx插件,示意vscode的扩大插件门路批改胜利。

September 29, 2020 · 1 min · jiezi

关于visual-studio-code:vscode系列-做个五脏俱全的翻译插件

要做的成果如下, 就是一个翻译性能~ 须要筹备百度翻译开发者账号,获得 appid 和密钥npm install -g yo generator-code要害 vscodeAPI获取以后流动编辑器选中的文字vscode.window.activeTextEditor.document.getText(range?: Range)调用疾速抉择面板vscode.window.showQuickPick(items: string[] | Thenable<string[]>, options?: QuickPickOptions)开始 CODING脚手架创立文件夹代码yo code抉择 JavaScript(Extension), 前面全副按 Enter 默认就行。 百度翻译 API 代码创立translate-api.js文件 这里须要晓得如何获取用户配置,毕竟同一个 appid 和密钥调用次数无限。须要以下步骤。 注册奉献点在 vscode 中,菜单、命令、视图等等所有须要在用户背后展现的性能都须要在 package.json 中注册奉献点奉献配置项如下 "contributes": { "configuration": [ { "title": "translateNamed", "properties": { "translate.appid": { "type": "string", "default": "20200921000570318", "description": "百度翻译API-appid" }, "translate.secret": { "type": "string", "default": "8iaGzb7v0225xQ8SVxqq", "description": "百度翻译API-密钥" } } } ] },找到用户配置ok, 注册奉献点后,就能通过 API 找到刚刚注册的配置项啦 ...

September 22, 2020 · 2 min · jiezi

关于visual-studio-code:monaco使用vscode相关语法高亮在浏览器上显示

阐明为了让monaco应用vscode的主题尝试实现(弯路)主题的间接转换刚开始本认为是两者主题的格局不同,尝试转换后发现还是不能失常应用后果发现两者的token基本不同,也就是宰割代码每一部分的命名不同monarch转换textmate发现monaco应用的是本人设计的monarch来实现语法高亮,然而vscode应用的是textmate的格局textmate是苹果的那种于是想到如果实现一种转换逻辑,将textmate->monarch,那么monaco就能够应用vscode的主题了(因为token一样了)当学完单方的逻辑后,钻研了posix与pcre正则的转换,进行事件时,发现一个致命问题..monach无奈实现后行断言((?<=})),这就导致了一般的转换根本无法实现.(简单的...可能有生之年系列吧)最终解决方案应用vscode-textmate代替原monarch其实这个在开始钻研的时候就有了,然而网上说因为不能间接调用c,所以应用wasm的效率比桌面端低,所以并没有无限思考(有点自卑了...)最终性能这块,看到了vscode-textmate有benchmark,测试了一波.发现除了js的解析比桌面端慢两倍,其余的甚至比桌面端快...有点费解了(不晓得本人有没有钻研错,如果有说的不对请拍砖)jQuery v2.0.3TOKENIZING 250971 lines using grammar source.jsOniguruma: 550 ms., Onigasm: 381 ms. (1.4x faster)Bootstrap CSS v3.1.1TOKENIZING 127005 lines using grammar source.cssOniguruma: 217 ms., Onigasm: 91 ms. (2.4x faster)vscode.d.tsTOKENIZING 264938 lines using grammar source.tsOniguruma: 356 ms., Onigasm: 191 ms. (1.9x faster)JSONTOKENIZING 103784 lines using grammar source.tsOniguruma: 312 ms., Onigasm: 185 ms. (1.7x faster)Bootstrap CSS v3.1.1 minifiedTOKENIZING 99967 lines using grammar source.cssOniguruma: 231 ms., Onigasm: 167 ms. (1.4x faster)jQuery v2.0.3 minifiedTOKENIZING 83618 lines using grammar source.jsOniguruma: 254 ms., Onigasm: 480 ms. (1.9x slower)Bootstrap with multi-byte minifiedTOKENIZING 116201 lines using grammar source.cssOniguruma: 248 ms., Onigasm: 196 ms. (1.3x faster)实现原理这个计划是从monaco-tm中得来的,然而最终欠缺了主题应用,能够从vscode中无缝移植主题,欠缺了语言插件,能够从vscode无缝迁徙tmLanguage的插件,并且反对语言点注入grammar是用来解析语法的,会在调用这个语言的时候,加载对应的语法文件具体须要实现monaco.languages.EncodedTokensProvider接口传给setTokensProvider做参数setTokensProvider代替了setMonarchTokensProvider configuration是用来配置一些折叠,括号,正文等货色...和原来的monaco一样theme就是用来申请加载主题的因为语法的解析变成了vscode-textmate,所以不能应用传统的形式来加载主题,须要从Registry中拿到ColorMap而后定义给主题最初通过监听应用语言时加载对应的语法解析文件应用ng下曾经封装好了依赖包的应用,非ng框架也能够稍作批改应用包地址cyia-ngx-common引入模块CyiaMonacoTextmateModule,组件中通过依赖注入拿到CyiaMonacoTextmateService服务 this.service.setMonaco(monaco); this.service.init().then(async () => { const themeList = await this.service.getThemeList(); this.themeList = themeList; this.selectedTheme = themeList[1]; const name = await this.service.defineTheme(this.selectedTheme); this.instance = monaco.editor.create( this.containerElement?.nativeElement, { theme: name, value: `let a=6;`, language: this.selectedLanguage, minimap: { enabled: false, }, automaticLayout: true, } ); }); //切换主题 async change(e) { const name = await this.service.defineTheme(e); monaco.editor.setTheme(name); }相干地址演示地址演示地址源码调用包源码

September 21, 2020 · 1 min · jiezi

关于visual-studio-code:值得关注的几个vscode配置和键绑定

正版腾飞,jetbrains-agent发表不再更新,万狗哀嚎。多年老vscode玩家再次回归 因为vscode的默认配置,导致当初用的不是很难受,奋发图强,一番点睛查问试验过后,总结了以下能让你的vscode腾飞的配置。 版本: 1.48.2snippetsPreventQuickSuggestions问题: 输出log按tab疾速生成代码后,提醒竟然没了?解决: "editor.suggest.snippetsPreventQuickSuggestions": false,wordSeparators问题: 对于calendar-header这种两头是-的分隔符的className双击总是不能选中,只能选中一部分? 解决: 去掉 - 字符 "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?"quickSuggestionsDelay问题: 这原本不是个问题,然而我记得以前是没这个配置的,导致我的vscode提醒始终有提早( 默认500 ),始终感觉vscode卡..解决: "editor.quickSuggestionsDelay": 0cursorBlinking问题: brackets默认就有的性能,让你的光标挪动有个动画成果。解决: "editor.cursorSmoothCaretAnimation": trueacceptSuggestionOnCommitCharacter问题:这种状况,输出左括号,会成为这个样子这必定不是我想要的啊解决: "editor.acceptSuggestionOnCommitCharacter": falseformatOnPaste问题: 粘贴代码之后, 又得从新格式化下代码。如果不想改变整个代码,还得选中粘贴的局部代码再手动格式化。解决: 启用粘贴时主动格式化 editor.formatOnPaste: truerenderCharacters问题: 只渲染小地图大略色块而不是具体字符, 感觉能晋升性能。默认是渲染具体字符。~~~~解决: editor.minimap.renderCharacters: false两个配置记得第一次应用vscode的时候,那时候还没有UI设置编辑器... workbench.settings.editor: 'json',workbench.settings.useSplitJSON: true主动行尾加逗号一个插件: macros一句配置: "macros": { "comma": [ // 开端加逗号并新加一行 "cursorLineEnd", { "command": "type", "args": { "text": "," } }, "editor.action.insertLineAfter" ] }一个快捷键: 主动插入右括号,右引号平时如同也没有按了左括号不须要右括号的状况~~ "editor.autoClosingBrackets": "always","editor.autoClosingQuotes": "always",截屏模式相似up颜色代码时显示按键和高亮鼠标的性能搜寻Screencast而后绑定快捷键:

August 28, 2020 · 1 min · jiezi

关于visual-studio-code:vscode-插件会了吧英语不好的赶紧下载~-自动分析源码中的陌生单词点击朗读单词

关上源码能够主动剖析所有蕴含的英语单词,并显示解释后果,先学单词再看代码。用了会了吧,通通都会啦! 会了吧还在因为 变量中 蕴含不意识的单词 头大吗? 还在因为 看不懂 英文正文/文档 掉头发吗 ? 还在因为 各种机器翻译的内容 云里雾里吗 ? 您的救星来了!!!用了“会了吧”,轻松“学会啦” 会了吧 VSCode 插件下载地址 应用流程装置后,点击源码文件,会主动剖析所有蕴含的单词,不在 已把握单词列表 中的单词会主动增加到 生疏单词 列表 单词前面能够显示 单词解释 鼠标悬停能够显示 音标和解释 点击单词能够朗诵本单词 已把握单词列表文件在 已把握单词列表文件 中的单词,不会在 生疏单词 列表中显示 主动解决在 生疏单词 中的单词,点击 图标 能够 将 单词增加到 已把握单词列表文件 在 已把握单词 中的单词,点击 图标 能够 将 单词 从 已把握单词列表文件 中 删除 手工设置也能够手工编辑 [用户目录]/.vscode/huile8-mastered-list.txt ,设置已把握单词: consoleloghelloworld

August 27, 2020 · 1 min · jiezi

关于visual-studio-code:从零开始实现VS-Code基金插件

写在后面随着7月一波牛市行情,越来越多的人投身A股行列,然而股市的危险微小,有人一夜暴富,也有人血本无归,所以对于普通人来说基金定投是个不错的抉择,自己也是基金定投的一枚小韭菜。 下班的时候常常心理痒痒,想看看明天的基金又赚(ge)了多少钱,拿出手机关上支付宝的步骤过于繁琐,而且我也不太关怀其余的指标,只是想晓得明天的净值与涨幅。VS Code 做为一个编码工具,提供了弱小的插件机制,咱们能够好好利用这个能力,能够一边编码的时候一边看看行情。 实现插件初始化VSCode 官网提供了十分不便的插件模板,咱们能够间接通过 Yeoman 来生成 VS Code 插件的模板。 先全局装置 yo 和 generator-code,运行命令 yo code。 # 全局装置 yo 模块npm install -g yo generator-code这里咱们应用 TypeScript 来编写插件。 生成后的目录构造如下: VS Code 插件能够简略了解为一个 Npm 包,也须要一个 package.json 文件,属性与 Npm 包的基本一致。 { // 名称 "name": "fund-watch", // 版本 "version": "1.0.0", // 形容 "description": "实时查看基金行情", // 发布者 "publisher": "shenfq", // 版本要求 "engines": { "vscode": "^1.45.0" }, // 入口文件 "main": "./out/extension.js", "scripts": { "compile": "tsc -p ./", "watch": "tsc -watch -p ./", }, "devDependencies": { "@types/node": "^10.14.17", "@types/vscode": "^1.41.0", "typescript": "^3.9.7" }, // 插件配置 "contributes": {}, // 激活事件 "activationEvents": [],}简略介绍下其中比拟重要的配置。 ...

August 25, 2020 · 7 min · jiezi

关于visual-studio-code:vscode-常用插件

VSCode 全称 Visual Studio Code,是微软出的一款轻量级代码编辑器,收费、开源而且功能强大。它反对简直所有支流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码比照 Diff、GIT 等个性,反对插件扩大。一、怎么装置插件?办法一:按F1或Ctrl+Shift+p,输出extensions,抉择 “扩大:装置扩大” 办法二:ctrl + P 而后输出 >ext install 办法三:点击图中地位 二、罕用插件?(1)Auto Close Tag主动闭合HTML/XML标签 (2)Auto Rename Tag主动实现另一侧标签的同步批改 (3)Bracket Pair Colorizer给括号加上不同的色彩,便于辨别不同的区块,使用者能够定义不同括号类型和不同色彩 (4)中文(简体)语言包—— Chinese (Simplified) Language Pack for Visual Studio Code将编译器转成中文模式 (5)VeturVue多功能集成插件,包含:语法高亮,智能提醒,emmet,谬误提醒,格式化,主动补全,debugger。vscode官网钦定Vue插件,Vue开发者必备。 (6)Git History Diff如果你的VSCode关上了一个Git治理的代码,则在VSCode编辑窗口中,能够看到所有的提交记录、改变文件,包含每一行代码的提交工夫、提交人,十分不便。 (7)GitLens — Git supercharged不便查看git日志,git多人合作的时候须要查看日志,能在以后代码中查看 (8)Path Intellisense主动提醒文件门路,反对各种疾速引入文件 (9)markdownlintmarkdown语法纠错 (10)Markdown Preview Enhanced实时预览markdown,markdown使用者必备 ...

August 19, 2020 · 1 min · jiezi

关于visual-studio-code:VSCode提示Type-annotations-can-only-be-used-in-TypeScript-files

react native 16.13 版本,应用react官网cli创立的初始我的项目中,文件App.js 有一行代码: const App: () => React$Node = () => {会在vscode中,报语法错误: Type annotations can only be used in TypeScript files只须要在设置中配置一下,具体门路为: Settings - User - Extentsions - TypeScript - JavaScript - Validate: Enable勾销勾选即可。

August 12, 2020 · 1 min · jiezi

关于visual-studio-code:VSCode提示Type-annotations-can-only-be-used-in-TypeScript-files

react native 16.13 版本,应用react官网cli创立的初始我的项目中,文件App.js 有一行代码: const App: () => React$Node = () => {会在vscode中,报语法错误: Type annotations can only be used in TypeScript files只须要在设置中配置一下,具体门路为: Settings - User - Extentsions - TypeScript - JavaScript - Validate: Enable勾销勾选即可。

August 12, 2020 · 1 min · jiezi

关于visual-studio-code:Mac版VS-Code的一些快捷键

最近应用VSCode 开发flutter应用的一些快捷键 整顿代码快捷键 Mac: Shift + Option + F 多光标抉择 Mac: opt+cmd+up or opt+cmd+down 排列成一行 Mac: ctrl+j 复制到上/上行 Mac: opt+shift+up or opt+shift+down 代码块抉择 Mac: ctrl+shift+cmd+left or ctrl+shift+cmd+right 文件内疾速定位 Mac: cmd+shift+o 在我的项目内疾速定位 Mac: cmd+t 跳转到指定行 Mac: ctrl+g or cmd+p 返回光标地位 Mac: cmd+u 将本行内容上/下挪动 Mac: opt+up or opt+down 移除两端多余的空格 Mac: cmd+k cmd+x 代码格式化 Mac: cmd+k, cmd+f 代码折叠 Mac: alt+cmd+[ and alt+cmd+] 抉择以后行 Mac: cmd+i 跳转到文件顶部/尾部 Mac: cmd+up and cmd+down ...

August 12, 2020 · 1 min · jiezi

关于visual-studio-code:VSCode插件开发韭菜基金做最好用的股票和基金插件

leek-fundVSCode 插件,在编码的时候随时关注实时股票&基金数据。因接口起因基金数据提早 2 分钟 左右,股票数据是实时 投资其实就是一次心态修炼,稳住心态长期投资都会有收益的!! 装置插件:VisualStudio | Marketplace,VSCode 最低版本要求:v1.40.0+ 性能次要有: 基金涨跌查看,可自定义配置基金代码,反对查看基金历史净值详情股票涨跌查看,可自定义配置股票代码,反对查看股票实时 K 线图左侧菜单面板底部状态 bar主动刷新(每天 9~15 点之间轮询刷新数据)手动刷新反对升序/降序排序反对 GUI 操作新增&删除 基金 和 股票基金排行榜继续更新……(欢送 PR 和 Star >>> Github 源码)界面截图VSCode 插件开发——韭菜基金(图片如果展现不了能够看知乎的文章界面性能截图)新增 删除 排序 趋势图和 K 线图 基金历史净值 插件配置阐明反对 GUI 操作新增&删除基金,也能够手动批改用户插件配置,批改或增加你所须要监控的股票代码和基金代码,上面是配置阐明: // 配置须要监控的股票代码(新浪接口,所以去新浪找股票代码比拟适合) // 深股股,上证指数:sh000001 // 港股股票代码,如阿里巴巴:hk09988,腾讯:hk00700,美团:hk03690 // 美股指数代码,如道琼斯指数: gb_dji,纳斯达克: gb_ixic,标普500: gb_inx // 如配置后没有数据,能够用这个链接测试一下是否有返回数据:https://hq.sinajs.cn/list=hk00700 "leek-fund.stocks": [ "sh000001", "sh000300", "sh000016", "sh000688", "sh000913", "sh000905", "hk03690", "hk00700", "hk09988", "gb_ixic", "gb_dji", "gb_inx" ], // 配置须要监控的基金代码 "leek-fund.funds": [ "001632", "420009", "320007", "003096", "001102", "003885", "001071", "005963", "005223", "002316", "161726", "161028", "519674", "161725" ], // 配置轮询申请最新数据的工夫距离 (单位毫秒ms,为了防止无意义的轮询申请,程序限度配置<3000ms时,用3000ms工夫轮询) "leek-fund.interval": 5000 // 配置股票涨的色彩,默认为 white。 "leek-fund.riseColor": "white" // 配置股票跌的色彩,默认为 green "leek-fund.fallColor": "black"Githubhttps://github.com/giscafer/l... ...

August 9, 2020 · 1 min · jiezi

关于visual-studio-code:vscode-c-编译可以通过-但是有红色波浪线的问题

1.command + p, 而后输出 >C/C++抉择 编辑配置(JSON)而后在工作区会呈现一个.vscode文件夹, 其中会有一个.json文件的配置2.关上命令行 输出 gcc -v -E -x c++ -会有以下的信息 `ignoring nonexistent directory "/Library/Developer/CommandLineTools/SDKs/MacOSX10.14.sdk/usr/include/c++/v1"ignoring nonexistent directory "/Library/Developer/CommandLineTools/SDKs/MacOSX10.14.sdk/usr/local/include"ignoring nonexistent directory "/Library/Developer/CommandLineTools/SDKs/MacOSX10.14.sdk/Library/Frameworks"#include "..." search starts here:#include <...> search starts here: /usr/local/include /Library/Developer/CommandLineTools/usr/include/c++/v1 /Library/Developer/CommandLineTools/usr/lib/clang/10.0.1/include /Library/Developer/CommandLineTools/usr/include /Library/Developer/CommandLineTools/SDKs/MacOSX10.14.sdk/usr/include /Library/Developer/CommandLineTools/SDKs/MacOSX10.14.sdk/System/Library/Frameworks (framework directory)End of search list.`将下面的门路复制到刚刚的json文件中如下图 { "configurations": [ { "name": "Mac", "includePath": [ "${workspaceFolder}/**", "/usr/local/include/**", "/Library/Developer/CommandLineTools/usr/include/c++/v1/**", "/Library/Developer/CommandLineTools/usr/lib/clang/10.0.1/include/**", "/Library/Developer/CommandLineTools/usr/include/**", "/Library/Developer/CommandLineTools/SDKs/MacOSX10.14.sdk/usr/include/**", "/Library/Developer/CommandLineTools/SDKs/MacOSX10.14.sdk/System/Library/Frameworks/**" ], "defines": [], "macFrameworkPath": [], "compilerPath": "/usr/local/bin/gcc-7", "cStandard": "gnu11", "cppStandard": "gnu++14", "intelliSenseMode": "clang-x64" }],"version": 4} ...

July 31, 2020 · 1 min · jiezi

关于visual-studio-code:VS-Code小白使用教程

本文来自作者:你不晓得的巨蟹 原文链接 https://www.cnblogs.com/tu-07...,如有侵权,则可删除。前言当初应用Vscode编码的人越来越多,凭借着收费,开源,轻量,跨平台的特点收货了一大批忠诚粉丝。 之前在公众号 逆锋起笔 发了一篇对于 VS Code 插件的文章:VS Code 上那些沙雕插件,有几个敌人示意还不怎么会应用,明天就来一篇教程。 最近因我的项目须要开始应用Vscode,但不知为何,感觉有点力不从心,不晓得该怎么用。 首先想到去官网看看,而后放弃了(英语渣渣示意压力山大,其实正因为英语差,才更应该锤炼一下的,大家不要学我23333)。 最初本人摸索和看相干视频才恍然大悟。当初做一个演绎总结,心愿能帮到有须要的人。 下载官网下载:https://code.visualstudio.com/ 汉化中文(官网下载默认为英文,英文好的小伙伴可间接跳过这步) 点击插件按钮搜寻 Chinese, 在弹出的选项中抉择第一个中文简体 而后左边会弹出如下图装置界面,接着点击 Install 装置 装置结束后会有如下提醒(次要揭示你装置完中文简体汉化包后肯定要重启方可失效) Vscode界面介绍(次要分为5个区域,别离是流动栏,侧边栏,编辑栏,面板栏,状态栏) ①:流动栏从上到下顺次为,关上侧边栏,搜寻,应用git,debug,应用插件 ②:侧边栏,新建我的项目文件和文件夹 ③:编辑栏,编写代码的区域 ④:面板栏,从左到右顺次为,问题,输入,调试栏,终端(terminal),最重要的是terminal,用来输出相干命令 ⑤:状态栏,点击该区域能够调出面板栏 ⑥:须要留神的为下图红框所示,别离示意鼠标光标所在位置和tab缩进字符,这里为缩进4个字符 新建文件和文件夹 新建文件*:Ctrl+N新建文件并批改后缀即可(后缀依据所需文件来,比方.html,.css,.js等) 新建文件夹 ①:首先依据须要指定一个门路(这里门路以桌面为例),而后新建一个文件夹(这里新建的文件夹为demo1) ②:鼠标点击侧边栏第二个选项,如下图 ③:此时会提醒你没有能够关上的文件夹,点击Open Folder按钮导入桌面新建的文件夹demo1 ④:把文件夹导入后发现刚刚新建文件夹名字是小写的,当初变大写了,这个不影响,不必太在意 (左边图标从左到右为,新建文件 / 新建文件夹 / 刷新 / 折叠文件) 注:新建文件肯定要批改后缀,否则默认都是text文本文件 主动保留设置File(文件)- Preferences(首选项)- Setting (设置)而后弹出上面界面,抉择User(个别会默认选中该选项), 接着如下图抉择afterdelay选项即可,上面有个数字1000示意1秒,这个可自行设置,示意多少秒当前主动保留 主动格式化代码File(文件)- Preferences(首选项)- Setting (设置) User(用户)- Text-Editor(文本编辑)- Formatng(格式化) ...

July 25, 2020 · 1 min · jiezi

关于visual-studio-code:VS-Code-上那些沙雕插件

本文整顿自网络,作者不详,如有侵权,则可删除。VS Code 作为前端最牛逼的一个前端编辑器,能够说是最风行的开发工具了,以其可反对扩大程序(通过装置扩大程序,VS Code 能够反对更多新的语言、界面主题、测试器,以及更多的增值服务),而备受宽广开发者追捧。 而且人家 VS Code 的扩大程序运行于独立的停顿中,确保编辑器运行速度不会被拖慢。 这是 VS Code 之所以可能备受宽广开发者所青睐的起因,通过大家开发扩大程序,来欠缺整个开发工具的生态,以致于大家在 VS Code 上能够看到各种各样的插件,有十分实用的的,有十分便捷的,可能给开发者带来效率上的晋升以及开发上的帮忙,然而人民的力量是平凡的,人民的智慧是无穷的,除了实用之外,还有一些划水,沙雕的插件被开发。 明天咱们就来列举一下 VS Code 上的那些沙雕插件,可能没用,然而乏味;可能没用,然而有的可能帮忙你在下班划水。 一、追番神器这个货色,我记得之前在公众号分享过,这个插件就是追番神器:daily-anime。 我发现很多 90 后程序员,尤其是 95 后程序员都是喜爱二次元,喜爱动漫的程序员,所以这个追番神器对于他们来讲就十分有用了,能够说是工作时候的划水神器了,以致于下班追番能够不容易被老板发现。 装置办法: vscode 扩大搜寻插件 daily anime 即可。二、听歌必备除了 90 后的程序员除了追番以外,大部分的程序员都喜爱在编码的过程中带着耳机听音乐,所以,对于听音乐的插件也应运而生,真的是有了它,敲代码,听音乐两不误了。 插件名:vsc-netease-music 看名字就晓得,是大家喜爱的网易云音乐的,性能特点很弱小,如下: 发现音乐 (歌单 / 新歌 / 排行榜)搜寻 (单曲 / 歌手 / 专辑 / 歌单)用户登录 (手机号 / 邮箱 / Cookie)用户珍藏 (歌单 / 歌手 / 专辑)每日歌曲举荐 / 举荐歌单 / 私人 FM喜爱音乐 / 珍藏音乐 (单曲 / 歌单 / 专辑 / 歌手)播放模式切换 / 音量调节每日签到逐行歌词热门评论快捷键反对听歌记录 (不确定无效)无海内限度来,看一下动静演示图: ...

July 24, 2020 · 1 min · jiezi

关于visual-studio-code:使用夜神模拟器vscode调试

终端cd到模拟器的bin目录,执行 .\nox_adb.exe connect 127.0.0.1:62001如果提醒cannot connect to 127.0.0.1:62001: 因为指标计算机踊跃回绝,无奈连贯。 (10061)从新关上模拟器即可,如下图:连贯上模拟器后,右下角有MI 6的提醒了点击vscode菜单【运行】【启动调试】(F5)即可

July 24, 2020 · 1 min · jiezi

如何用本地的VSCode连接极链AI的GPU服务器

最近加入较量可能要用云GPU比拟多,然而网页关上notebook太麻烦了,没法像本地编译器一样。于是搞了一下本地VSCode连贯极链AI的云主机,能够欢快地本地码代码,云端跑程序。办法如下: l 关上VSCode,在extension中搜寻Remote Development并装置 点击左侧呈现的连贯图标,配置一个新的ssh,输出登录ssh指令: 而后默认配置文件就行,配置胜利后再左侧能够连贯这个近程服务器,关上近程窗口: 在弹窗中输出登录明码,同下面的获取形式,即可连贯胜利,显示如下: 而后能够关上服务器的文件夹之类的,开始在这里写程序修改debug保留啥的,非常便当。在关上文件夹的时候还须要输出明码,而且当前连贯也须要输出,可能比拟麻烦,能够采纳git的公钥保留主动连贯,然而麻烦懒得弄,感兴趣的能够试试。然而留神:不倡议应用vscode的terminal,因为一旦关了就真的停了,还是用网页开notebook比拟保险,不会掉线。

July 14, 2020 · 1 min · jiezi

vscode-常用快捷键汇总

VsCode常用快捷键常用快捷键

July 8, 2020 · 1 min · jiezi

最全的-VS-Code-入门教程全球首本-VS-Code-中文书来了

大家好!我是韩骏,VS Code 中文社区创始人,VS Code 的代码贡献者。2013 年,毕业于上海交通大学软件学院,现在是微软开发平台事业部的软件工程师。写过 20 多款 VS Code 插件,其中最热门的 Code Runner 插件有超过一千万下载量。我是《玩转VS Code》公众号和知乎专栏的作者,还是 PyCon、JSConf、.NET Conf、Microsoft Tech Summit、Google Developer Group、COSCon 等大会的讲师。大家都喜欢叫我“韩老师”。 从 2019 年 8 月开始编写这本书时,我就一直期待着这本书的出版!经过了近一年时间的打磨,今天,《Visual Studio Code 权威指南》终于来了! Visual Studio Code 作为广受好评的开发工具,已经被越来越多的开发者当作首选的开发工具。然而,你真的了解 VS Code 了吗?你真的会使用 VS Code,把 VS Code 的强大功能发挥出来了吗?根据帕累托法则,你很可能只使用到了 VS Code 20% 的功能,甚至更少。 工欲善其事,必先利其器。只有掌握好了你的工具(VS Code),才能大大提高你的开发效率。 韩老师在 2015 年开始就把 VS Code 作为主力编辑器,从 2016 年开始至今,已经写了超过 20 个 VS Code 插件,在微软的主要工作之一也是与 VS Code 插件开发相关。随着对 VS Code 的了解深入、以及写了越来越多的的插件,越发觉得,授人以鱼不如授人以渔。韩老师希望通过这本《Visual Studio Code 权威指南》带你深入浅出 Visual Studio Code。 ...

July 7, 2020 · 1 min · jiezi

vscode-快捷键大全

vscode 快捷键大全官方文档 widnowsliunxmac 挺简单的,文档描述清晰内容排版也不错,一看就懂,这里写的是我自己翻译的(太过简单的没必要翻译),同时也为了方便自己查阅和使用 [注意] 插件的快捷键请在插件说明(文档)内查看,vscode不提供此类快捷键 Visual Studio Code (Keyboard Shortcuts for Windows) 按键说明General普通Ctrl+Shift+P,F1 Show Command PaletteCtrl+PQuick Open, Go to File…Ctrl+Shift+NNew window/instanceCtrl+Shift+WClose window/instanceCtrl+,User SettingsCtrl+K Ctrl+SKeyboard Shortcuts (显示所有快捷键,太多专业名词调到中文你就懂了)Basic editing基本编辑Ctrl+XCut line (empty selection)Ctrl+CCopy line (empty selection)Alt+ ↑ / ↓Move line up/downShift+Alt + ↓ / ↑Copy line up/downCtrl+Shift+KDelete lineCtrl+EnterInsert line below(在当前输入行的下面插入一行)Ctrl+Shift+EnterInsert line above(在当前输入行的下面插入一行,试了一下没成功)Ctrl+Shift+\Jump to matching bracket(跳转到匹配的标签)Ctrl+] / [Indent/outdent line(缩进取消缩进,注意中间那个][中间的斜杠不需要按)Home / EndGo to beginning/end of lineCtrl+HomeGo to beginning of file(跳转至文件开始处)Ctrl+EndGo to end of file(跳转到文件结尾处)Ctrl+↑ / ↓Scroll line up/down(滚动一行)Alt+PgUp / PgDnScroll page up/down(整页滚动)Ctrl+Shift+[Fold (collapse) region(收起当前代码块)Ctrl+Shift+]Unfold (uncollapse) region(打开当前代码块)Ctrl+K Ctrl+[Fold (collapse) all subregions(收起所有代码块)Ctrl+K Ctrl+]Unfold (uncollapse) all subregions(打开所有代码块)Ctrl+K Ctrl+0Fold (collapse) all regions(收起所有0级代码块,还有1~9级)Ctrl+K Ctrl+JUnfold (uncollapse) all regions(打开所有代码块)Ctrl+K Ctrl+CAdd line comment(添加行注释)Ctrl+K Ctrl+URemove line comment(删除行注释)Ctrl+/Toggle line comment(切分编辑窗口)Shift+Alt+AToggle block comment(添加块级注释)Alt+ZToggle word wrap(切换自动换行,效果同ctrl+z)Navigation导航Ctrl+TShow all Symbols(搜索文件,输入标记搜索文件标记,效果同ctrl+p)Ctrl+GGo to Line...Ctrl+PGo to File...Ctrl+Shift+OGo to Symbol...(ctrl+t的搜索框中输入@)Ctrl+Shift+MShow Problems panel(打开panel中的问题部分,按ctrl+j打开panel)F8Go to next error or warningShift+F8Go to previous error or warningCtrl+Shift+TabNavigate editor group history(切换打开中的窗口)Alt+ ← / →Go back / forward (整词移动光标)Ctrl+MToggle Tab moves focus(切换标签移动焦点,无效果)Search and replace查找和替换Ctrl+FFindCtrl+HReplaceF3 / Shift+F3Find next/previous(在搜索结果中移动焦点)Alt+EnterSelect all occurences of Find match(选中所有匹配)Ctrl+DAdd selection to next Find match(选中下一个匹配)Ctrl+K Ctrl+DMove last selection to next Find matchAlt+C / R / WToggle case-sensitive / regex / whole word(搜索窗口切换大小写,正则,全匹配)Multi-cursor and selection键鼠多选Alt+ClickInsert cursor(点选输入位置)Ctrl+Alt+ ↑ / ↓Insert cursor above / below(脑子进水快捷键,windows下根本用不了)Ctrl+UUndo last cursor operation(反alt+click)Shift+Alt+IInsert cursor at end of each line selectedCtrl+L Selectcurrent line(整行选中)Ctrl+Shift+LSelect all occurrences of current selection(选中当前选中的所有匹配)Ctrl+F2 Selectall occurrences of current word(选中当前单词的所有匹配)Shift+Alt+→Expand selection(扩大选择,效果不如单词选择或者整行选择)Shift+Alt+←Shrink selection(缩小选择)Shift+Alt +(drag mouse)Column (box) selection(按住shift+alt然后鼠标左键点住拖动,点到那选到那)Ctrl+Shift+Alt + (arrow key)Column (box) selection(就近选择当前光标位置)Ctrl+Shift+Alt+PgUp/PgDnColumn (box) selection page up/down(就近选择一页)Rich languages editing丰富语言编辑器Ctrl+SpaceTrigger suggestion(触发建议)Ctrl+Shift+SpaceTrigger parameter hints(触发参数提示)Shift+Alt+FFormat documentCtrl+K Ctrl+FFormat selection(格式化选定内容)F12Go to DefinitionAlt+F12Peek Definition(查看定义)Ctrl+K F12Open Definition to the sideCtrl+.Quick FixShift+F12Show References(转到引用)F2Rename Symbol(重命名符号)Ctrl+K Ctrl+XTrim trailing whitespace(裁剪尾随空格)Ctrl+K MChange file language(切换文件语言)Editor management编辑器管理Ctrl+F4, Ctrl+WClose editorCtrl+K FClose folder(关闭窗口回到初始界面)Ctrl+\Split editorCtrl+ 1 / 2 / 3Focus into 1st, 2nd or 3rd editor groupCtrl+K Ctrl+ ←/→Focus into previous/next editor groupCtrl+Shift+PgUp / PgDnMove editor left/right(向左/右移动编辑区)Ctrl+K ← / →Move active editor group(向左/右移动编辑器组)File management文件管理Ctrl+NNew FileCtrl+OOpen File...Ctrl+SSaveCtrl+Shift+SSave As...Ctrl+K SSave AllCtrl+F4CloseCtrl+K Ctrl+WClose AllCtrl+Shift+TReopen closed editorCtrl+KEnter Keep preview mode editor openCtrl+TabOpen nextCtrl+Shift+TabOpen previousCtrl+K PCopy path of active fileCtrl+K RReveal active file in ExplorerCtrl+K OShow active file in new window/instance(当前文件在新窗口中打开)Display显示F11Toggle full screenShift+Alt+0Toggle editor layout (horizontal/vertical)(垂直或水平布局)Ctrl+ = / -Zoom in/out (缩放)Ctrl+BToggle Sidebar visibilityCtrl+Shift+EShow Explorer / Toggle focusCtrl+Shift+FShow SearchCtrl+Shift+GShow Source ControlCtrl+Shift+DShow DebugCtrl+Shift+XShow ExtensionsCtrl+Shift+HReplace in files(侧边替换栏)Ctrl+Shift+JToggle Search detailsCtrl+Shift+UShow Output panelCtrl+Shift+VOpen Markdown previewCtrl+K VOpen Markdown preview to the sideCtrl+K ZZen Mode (Esc Esc to exit)Debug调试F9Toggle breakpointF5Start/ContinueShift+F5StopF11 / Shift+F11Step into/outF10Step overCtrl+K Ctrl+IShow hoverIntegrated terminal集成终端Ctrl+`Show integrated terminalCtrl+Shift+`Create new terminalCtrl+CCopy selectionCtrl+VPaste into active terminalCtrl+↑ / ↓Scroll up/downShift+PgUp / PgDnScroll page up/downCtrl+Home / EndScroll to top/bottom[Other operating systems’ keyboard shortcuts and additional unassigned shortcuts available at aka.ms/vscodekeybinding]一个前端开发者的笔记 ...

June 30, 2020 · 2 min · jiezi

我常用的-VSCode-CC-插件

我平常用 vscode 码字,经常使用一些 C/C++ 插件,这里整理下分享给大家,不过插件开启太多会造成 vscode 卡顿,所以如果内存不太够,建议关掉一些不必要的插件。 一、主题和图标以下这些主题都还不错: Atom One Dark ThemeMaterial ThemeMonokai ProOne Dark ProOne Dark Theme(我用这个)One Monokai ThemeSublime Material Theme这个图标看着比较舒服: vscode-icons二、C/C++ 基础开发我安装了以下 3 个: C/C++C++ IntellisenseC/C++ Clang Command Adapter三、编译插件我在 Ubuntu 下主要使用 CMake 编译,所以安装以下 2 个: CMakeCMake Tools四、XML 插件平常要写一些配置文件,所以装了 XML 的插件: XML Tools五、Python安装一个即可: Python六、vim习惯 vim 的同学可以装这个插件: vim七、MatlabMatlab 的编辑器特别丑,所有有时候我会用 code 编辑 m 文件,需要安装个插件: Matlab

June 26, 2020 · 1 min · jiezi

8个你会爱上的-VS-Code-扩展

这个列表中的 Visual Studio Code 扩展会让你更轻松和高效。 Better Comments这个扩展可以让你写出不同类型的注释,包括: AlertsQueriesTo-dosHighlights 地址: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments Bracket Pair Colorizer 2这个扩展可以给代码中的花括号 "{ }" 加颜色,这样就很容易看出前后括号的对应关系了。 地址: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2 CodeSnap这个扩展可以为代码片段生成漂亮的图片,如果你经常写技术内容的话会非常方便。 地址: https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap Github Markdown Preview这个插件使用 GitHub markdown 风格覆盖了 Visual Studio Code 中默认的 markdown 风格。 地址: https://marketplace.visualstudio.com/items?itemName=bierner.github-markdown-preview Markdown All in One这个插件可以说是 Markdown 写作神器,非常高效。 地址: https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one Paste JSON as Code可以把 JSON 数据自动转为某种语言的代码。 支持:TypeScript, Python, Go, Ruby, C#, Java, Swift, Rust, Kotlin, C++, Flow, Objective-C, JavaScript, Elm, JSON Schema。 ...

June 22, 2020 · 1 min · jiezi

VSCode-Conventional-Commits-插件

VSCode Conventional Commits 插件可以帮助你轻松按照 Conventional Commits 规范编写提交信息。 功能支持使用项目下的 commitlint 规范。支持自动 add 和 push(需要结合 VSCode 的 git 插件,详见插件文档)。支持项目级别的 scope 管理。支持 Gitmoji。使用方式 你可以通过下面两种方式打开插件: Command + Shift + P 或 Ctrl + Shift + P,输入 Conventional Commits,然后按 Enter。点击 Source Control 操作面板上的图标。见下图:

June 9, 2020 · 1 min · jiezi