首页
学习
活动
专区
圈层
工具
发布

Vscode笔记-24款插件

Bash Debug 一个基于超赞bashdb脚本的bash调试器GUI前端(bashdb现在包含在软件包中)。 Better Comments 更好的注释扩展,将帮助您在代码中创建更人性化的注释。...只需注意左侧的灯泡,然后按一下它即可了解如何在光标下转换代码。 json2ts 可将JSON转换为TypeScript接口。您可以从VS Code中浏览和安装扩展。...Vue Peek 支持Vue快捷编辑,很方便 Vue.js Extension Pack Vue.js扩展包,该扩展包为Vue.js开发添加了功能。...可能是您node_modules从VS Code的内置搜索中排除了该文件夹,这意味着如果您想在其中打开和/或编辑文件node_modules,则必须手动找到它,当node_modules文件夹很大时,这可能会很烦人...搜索安装Search node_modules ctrl+shift+p—>选择 search node_modules—>输入包命(文件夹名称)—>选择要打开的文件或文件夹 ctrl+n试试—>输入包命

12.5K21

springboot第9集:基础项目功能简介带你入门挖坑

进行开发,搭配vscode的一些插件,实现自动修改一些错误,同时项目中也自带了vscode的一些配置,在 .vscode/setting.json 文件中。...2M,微信小程序支持总体积一共不能超过20M,因此多分几个包也无所谓,还有主包包含了公共代码,因此尽量将新的页面写到分包里去。...具体步骤如下: 在项目根目录下创建一个名为subpackages的文件夹。 在subpackages文件夹中创建一个子包,例如叫做testPackage。...在Uniapp中,分包打包和上传小程序可以参考以下步骤: 在manifest.json文件中配置好子包以及子包所包含的页面或组件。 进入命令行工具,使用命令npm run build进行打包。...在打包时,会根据manifest.json文件中的配置将代码分为主包和子包。 打包完成后,在项目目录下会生成一个dist文件夹,里面包含了主包和子包的所有代码。

41930
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    怎样开发一个 Node.js 命令行工具包

    Bash 是按照下一的步骤来完成的:检查命令是否包含斜杠。如果没有,首先检查函数列表是否包含一个我们寻找的命令。如果命令不是一个函数,那么在内建命令列表中检查。.../imserver2 1.2.3 全局安装与非全局安装 1.2.3.1 全局安装 如果我们通过 -g 的形式来安装一个包的话,他会被安装到 node 相关文件夹中,在本文即为: “/Users/hopewlliu.../.nvm/versions/node/v14.17.3/lib/node_modules” 目录下,如果该包的 package.json 中存在 bin 字段的指令配置,同时会在: “/Users/hopewlliu...1.2.3.2 非全局安装 非全局安装的包存在于我们的项目的根目录的 node_modules 目录下,如果该包存在自定义指令,那么会在安装包的时候在当前项目的根目录的 node_modules/.bin...总结 写个 cli demo 会遇到很多问题,最痛苦的还是 eslint 的 VSCode 配置问题,要调半天,如果说没有在 VSCode 中配置 eslint 插件或者说打开 VSCode 的控制台

    1.2K20

    教你动手写VScode插件 - 初探

    今天我又来解锁一种开发工具的神器--VScode插件。 其实vscode现在已经很多大厂先后开发出他们各自的插件,如:华为LiteOS Studio,RT-Thread Studio等。...│ ├── suite │ └── runTest.ts ├── node_modules │ ├── vscode // vscode对...vscode支持打包和发布。打包和发送:如同我们QT开发编译生成的exe文件就是打包过程,然后将这个包发布到网上,就是发布过程。 打包插件需要一个工具:vsce。...vsce publish 打包流程:打包的最终结果是一个.vsix的插件包,可以通过vscode手动添加插件安装,也可以通过marketplace分享自己的插件。...手动添加插件 选择打包好后的插件包:rice-vsca-0.0.1.vsix 安装完之后会显示在插件已安装的目录中: 运行测试插件包

    2K20

    npm 安装包的路径在哪里

    本地安装 默认情况下,当输入 npm install 命令时,例如: npm install lodash 软件包会被安装到当前文件树中的 node_modules 子文件夹下。...2、如何使用或执行 npm 安装的软件包 当使用 npm 将软件包安装到 node_modules 文件夹中或 全局安装 时,如何在 Node.js 代码中使用它?...假设使用以下命令安装了流行的 JavaScript 实用工具库 lodash: npm install lodash 这会把软件包安装到本地的 node_modules 文件夹中。...当使用 npm install cowsay 安装软件包时,它会在 node_modules 文件夹中安装自身以及一些依赖包: ?.../node_modules/.bin/cowsay 来运行它,但是最新版本的 npm(自 5.2 起)中包含的 npx 是更好的选择。

    20.5K10

    Visual Studio Code 中排除指定文件夹搜索的最佳实践与实现原理

    然而,在某些场景下,项目中某些文件夹往往包含大量文件,可能并非当前开发重点,如 node_modules、dist、build 等目录,这时如果在全局搜索时也包含这些目录,不仅会增加搜索时间,还可能导致搜索结果的噪声...本文将详细介绍如何在 Visual Studio Code 中设置,在搜索时不搜索某个指定文件夹下的文件,并从原理、配置方法以及实际使用经验三个方面进行剖析。...下面提供一个完整的示例代码,展示如何排除常见的 node_modules 文件夹以及其他自定义目录。...工作区设置优先级高于用户全局设置,因此当需要在特定项目中调整搜索排除规则时,可以在工作区内创建或修改 .vscode/settings.json 文件,实现局部覆盖。...通过上述详尽的介绍与示例代码,大家可以对如何在 Visual Studio Code 中设置排除搜索指定文件夹有一个深入的理解。

    62110

    DIY VSCode 插件,让你的开发效率突飞猛进

    VSCode 提供以下扩展能力:代码自动补全、自定义命令/菜单/快捷键、悬浮提示、自定义跳转、主题定制、自定义 WebView 等等。你可以根据自己的需要随意组合使用。...运行调试 选择 VSCode 的调试菜单(command+shift+D),点击运行按钮,弹出一个名为扩展开发主机的窗口,这个窗口就是包含这个插件的临时调试窗口。 ? ?...打包和发布 打包 打包命令:vsce package,打包完成后会生成 .vsix 后缀的安装包。如果插件仅为个人或者团队内部共享,那么手动安装即可使用,无需发布到 VSCode 插件市场。...:${toplevelfilename} 当打开包含某个命名规则的文件夹时 onFileSystem:${scheme} 以某个协议(ftp/sftp/ssh 等)打开文件或文件夹时 onView:${...丰富的 扩展 API 让一切都比想象中来的简单,Just do what you want~ 插件推荐 Auto Close Tag,自动补全关闭标签。

    2.1K20

    从零开发一款基于 webview 的 vscode 扩展

    每个扩展都需要在其 package.json 文件中包含一个发布者名称。如果注册发布者我们后面详说,这里我们把 publisher 设置为 luozhu。...不存在的,我们打开 extension.js 会发现引用了 vscode 这个包: 但是我们的安装包中并没有 node_modules,那么 vscode 这个包存在在哪里呢?...这个时候提示我们有 1000 多个文件,大概率 node_modules 文件夹被打包了,我们来解压下见证一下: 不出所料,vscode 默认的打包方式就是简单的编译拷贝,通过忽略文件减小体积也是杯水车薪...// vscode 这个模块包含了 VS Code 扩展的 API import vscode from 'vscode'; // 这个方法当你的扩展激活时调用,扩展会在命令首次执行时激活 export...vscode 国际化分为三部分,一部分是配置的国际化,一部分是代码中的国际化,另一部分则是 webview 中 umijs 的国际化。本章我们就来具体看一下如何在 vscode 中实现国际化。

    5.2K20

    mac平台VSCode配置指南

    之前的章节中讲过如何使用VSCode在windows平台进行开发,总有读者朋友私信问如何在mac平台配置VSCode,本文将我的配置流程梳理如下,如有未尽流程或未能说明白的地方,欢迎留言交流。...在windows上的VSCode中安装ssh插件,然后在VSCode中配置SSH连接,即可在windows上进行mac开发了。...可在VSCode扩展中搜索ssh选择安装SSH扩展,如下: 安装完成后,在VSCode的左侧将出现【远程资源管理器】按钮,点击该按钮,进入到ssh选择配置界面,单击SSH右侧的+号添加新的SSH链接,如下图所示...在弹出的界面按要求输入密码即可完成连接,此时单击【打开文件夹】按钮,即可打开mac的文件目录。...总结 本文主要介绍了如何在mac使用VSCode进行开发,详细介绍了mac平台上安装cmake、C++编译器、VSCode、VSCode插件的流程,完成如上的安装和配置后,即可在mac平台上使用VSCode

    1.7K10

    OpenRestyNginx Lua服务远程调试方法

    然后,在VSCode上搜索和安装Remote-SSH扩展(包含Remote-SSH: Editing Configuration Files的扩展包),接下来配置用于SSH登录的配置(CTRL+SHIFT...因为我们这里主要是要开发Linux上的Openresty程序(ngx-lua模块),所以,还需要安装和配置VSCode的C/C++扩展以完成开发过程中的IntelliSense。...这里需要注意的是,因为我们是远程开发,所以这里的C/C++扩展是需要通过SSH-Remote扩展安装在test(tweyseo)这个SSH远程会话对应的远端Linux上的VSCode Server中的,...path属性中(该文件夹相应地也会展示到VSCode的资源管理器中),而且这些被添加到该工作区的文件夹可以共用(当然也可以独立的配置给指定的文件夹)该工作区的所有配置(这些配置不仅包含VSCode自身的配置...,还包含了各种已安装的扩展的配置),这样就可以很好的把这些繁杂多样的配置在用户(本地)、远程、工作区以及不同的文件夹中简单有效的隔离开来。

    5.8K20

    js-基础知识-01-VsCode环境设置

    系统:Windows 7 VsCode:1.48.2 Node.js:12.8.1 这个系列讲讲javascript的一些基础知识 今天讲讲如何单独运行js文件,以及如何在VsCode中进行调试...Part 2: VsCode配置 VsCode支持多种语言,对于js的支持,我们需要进行单独配置 扩展包安装,因为我也使用VsCode做其它事情,需要扩展包安装的比较多,下列扩展建议安装 Code...Code Runner是否安装成功 扩展包 ?...Part 3:VsCode代码调试功能设置 写代码一个很重要的步骤是进行代码调试,那么如何在VsCode中进行调试呢?...首先需要进行一波设置 用VsCode打开一个项目,会自动生成一个.vscode文件夹,里面会生成一个文件launch.json 将launch.json修改,修改其中configurations的内容如下

    3.3K20

    使用 Typescript 开发 Nodejs 命令行工具

    .gitignore 文件,指定忽略 node_modules 文件夹: node_modules/lib/ 引入 Node 类型 既然是开发 Nodejs 程序,为了获得合适的类型校验和代码提示,我们需要引入.../node_modules/.bin/tsc --init 上述命令会在当前文件夹下面创建一个 tsconfig 文件,用来指导 TypeScript 进行编译。.../node_modules/.bin/tsc 可以发现在文件夹下出现了 lib/ 目录,里面就是 index.ts 编译之后的 js 文件。...使用 npx 执行 npx 是 npm 提供的命令,其会自动下载对应的包并执行. npx tsc 创建 npm 脚本 在 package.json 中的 script 中增加一行脚本: "script"...rules 中可以扩展我们自己的规则。 env 中可以指定我们代码运行的环境,这样就可以自动判断某些代码是不是有错误。

    2K11

    使用 Typescript 开发 Nodejs 命令行工具

    .gitignore 文件,指定忽略 node_modules 文件夹: node_modules/ lib/ 引入 Node 类型 既然是开发 Nodejs 程序,为了获得合适的类型校验和代码提示,.../node_modules/.bin/tsc --init 上述命令会在当前文件夹下面创建一个 tsconfig 文件,用来指导 TypeScript 进行编译。.../node_modules/.bin/tsc 可以发现在文件夹下出现了 lib/ 目录,里面就是 index.ts 编译之后的 js 文件。...使用 npx 执行 npx 是 npm 提供的命令,其会自动下载对应的包并执行. npx tsc 创建 npm 脚本 在 package.json 中的 script 中增加一行脚本: "script"...rules 中可以扩展我们自己的规则。 env 中可以指定我们代码运行的环境,这样就可以自动判断某些代码是不是有错误。

    94820

    Ubuntu下安装vscode_附近有安装etc的吗

    如何在windows和虚拟机Ubuntu中拖拽文件参阅: 两行代码实现Windows和Ubuntu20.04虚拟机文件复制(超精简)_fangshuo_light的博客-CSDN博客 一、安装VSCode...并将其托到Ubuntu的Downloads文件夹中。 2、安装VSCode 直接双击安装包进行安装。...,输入: sudo apt install g++ 2、 安装汉化、C/C++插件 在左侧扩展商店中查找 ”chinese“选第一个安装,安装好后重启软件。...在左侧扩展商店中查找 ”C/C++“选第一个安装。 3、 建立工程 由于VScode是以文件夹的形式管理工程的,因此我们首先新建一个文件夹,我这里取名叫Codes。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    2.7K20

    vue(16)vue-cli创建项目以及项目结构解析

    ◯ TypeScript // TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行...应用程序 ◉ Router // vue-router(vue路由) ◉ Vuex // vuex(vue的状态管理模式) ◉ CSS Pre-processors // CSS 预处理器(如:...,接下里详细介绍下 项目结构配置: node_modules 里面存放了项目需要的各种环境依赖包 public public里面存放一个网站标签favicon.ico和index首页,以后打包时...,会把这些文件原封不动的打包到dist文件夹下 src 我们前端写的源代码都会在这个文件夹下 .browserslistrc 这个文件是对浏览器的一些配置,文件里的内容如下 > 1% last...npm-debug.log* yarn-debug.log* yarn-error.log* pnpm-debug.log* # Editor directories and files .idea .vscode

    1.1K30

    react native基本使用

    也可以关闭react native包生成工具,node程序大概是用作生成包的 adb连接 adb devices显示正常 react-devtools调试ui 访问地址(先启动调试,否则vscode...后重新安装,关闭所有node.exe程序, vscode调试打包错误,手动点击vscode下面的停止包生成工具按钮,重新启动打包 原理 Gradle构建项目、依赖android sdk或者ios autolink...build.gradle的android版本 MainApplication.java react web npm install react-web-cli -g react-web init 文件夹...90181422 react native for windows npx react-native-windows-init --overwrite(修改npm config的配置路径,如果npx路径包含空格...中看到错误,app中没有call stack显示) 另一个调试工具占用,vscode调试退出 先启动vscode调试,再打开http://localhost:8081/debugger-ui/(占用调试资源

    3.2K20
    领券