使用vscode搭建deno开发环境

已于 2022-03-06 09:30:23 修改
阅读量1.5k 收藏 4
点赞数 3
分类专栏： deno 文章标签： 前端 javascript node.js
于 2022-03-05 23:33:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18470967/article/details/123303138
版权

目录

  1. deno下载
  2. 配置环境变量
  3. deno的vscode环境
  4. 使用deno插件的代码提示

deno下载

deno的下载还是比较简单的。
这边我们使用的操作系统是window10
我们就下载window版本的deno
deno的下载地址：添加链接描述
在这里插入图片描述
下载完毕之后你会得到一个压缩包
里头就是单独的一个deno.exe
在这里插入图片描述
直接随便找个没那么容易删除的地方放着就好
我就直接放在c盘了
在这里插入图片描述

配置环境变量

因为我把deno.exe放到了c盘里面
然后我们配置环境变量
此电脑->右键->属性->高级系统设置->环境变量->里面的系统变量的Path把你deno的路径加进去
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后我们来校验一下deno环境是否完毕
再cmd里面输入

deno -V

在这里插入图片描述
如果出现了版本号，说明我们deno环境配置完毕

deno的vscode环境

我们需要先装一个vscode的插件
在这里插入图片描述
直接搜索deno然后第一个就是了
装完毕之后我们新建一个文件夹并且打开
在这里插入图片描述
然后新建一个js文件
然后就直接可以在控制台输入

deno run index.js

在这里插入图片描述
此时我们的deno环境已经搭建完毕了一半

使用deno插件的代码提示

在上面我们已经成功的实现deno的代码运行效果
但是用于deno的代码提示还没有出现
在这里插入图片描述

也就是说我们还没有应用上deno那个vscode插件
这时我们按一下快捷键
ctrl + shift + p
在这里插入图片描述
直接输入Deno，然后看到这一个选项，点击这个选项
在这里插入图片描述
然后输入一路yes
然后随着一小阵闪动，你的deno环境就好了
在这里插入图片描述
以上就是deno环境的一个搭建，还是很简单的。希望这篇文章能给大家带来一个帮助吧。
路过的可以点一个小赞喔

小蓝阿姨
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
vscode_deno:用于Deno的Visual Studio Code插件
03-19
Deno for Visual Studio代码 此扩展增加了对由Deno语言服务器提供支持的将与Visual Studio Code结合使用的支持。 :warning:重要：您需要安装Deno CLI版本（v1.7或更高版本）。该扩展名需要可执行文件，并且默认情况下将使用环境路径。您可以在Visual Studio代码设置中为deno.path显式设置可执行文件的路径。查看有关如何安装Deno CLI的说明。 特征 对JavaScript和TypeScript进行类型检查，包括快速修复，悬停卡，智能感知等。 与已安装的Deno CLI版本集成，以确保编辑器和Deno CLI之间保持一致。 符合Deno CLI的模块解析策略的模块解析允许在Deno CLI的缓存中缓存远程模块。 集成到Deno CLI的插入功能，包括内联诊断和悬停卡。 集成到Deno CLI的格式化功能。 允许指定与Deno CLI
danoweb:另一个使用deno构建的分布式创作环境
05-22
互联网 d为网络分配了一个使用de no构建的指导环境 如何使用 演示站点： : 泊坞窗图片： 任何人都可以（通过协作）通过附加?mode=edit查询参数来编辑任何提供的文本文件-どのページもURL末尾に?mode=editをつけると编集できます 那些知道身份验证令牌（ USER_PASSWORD ）的人可以保存编辑以更新提供的文件（如果有兴趣，请问）-编集结果をファイルに书き戻すにはUSER_PASSWORDが必要です 概念 您所看到的就是可以（协作）编辑的内容 类似于服务器，但带有代码编辑器，该代码编辑器带有?mode=edit查询参数 像网站一样，但专注于提供原始文件 用Deno为Deno建造 允许在网络上加载TypeScript文件 许多文件放在GitHub上并通过加载它们 dano专注于共享/编辑代码的更直接，更随意的方式 例如deno https://danoweb.
[已弃用]移至https://github.com/denoland/vscode_deno-JavaScript开发
05-26
VS Code Deno扩展使用TypeScript Deno语言服务插件添加了对VS Code的Deno支持。 用法此扩展程序使用VS Code的内置TypeScript版本工作。 您无需配置pl移至https://github.com/denoland/vscode_deno
VSCode扩展使用typescriptdenoplugin提供Deno支持
08-08
VS Code扩展，使用typescript-deno-plugin提供Deno支持
用于Deno的简单JSON存储。-JavaScript开发
05-26
用于Deno的简单JSON存储。 Storeosaurus用于Deno的简单JSON存储。 功能：完全经过测试发现且类型安全缺省情况下按需和按需懒惰地进行同步文件系统访问支持存储文件的加密支持迁移功能随着时间的推移而增长用法从'https://raw.githubusercontent.com/导入{Store} felixblaschke / storeosaurus / master / mod.ts'; 接口Counter {值：数字} const counter =等待Store.open （{名称：“计数器”，默认值：{值：0}}）； 等待counter.write（data =
使用 VS Code 开发 Deno
justjavac的专栏
04-14 833
本文不是一篇 Deno 开发的完整教程，在阅读本文前你应该已经听说过 Deno 并且了解 Deno 的相关概念。1. 安装Deno 提供了多种安装方式。如果你使用 Linux/Mac ...
开发了一个 deno 多版本管理工具：dvm
weixin_34362790的博客
09-05 235
不知不觉中，deno 已经默默的发布了 3 个版本了： 0.1.0 0.1.1 0.1.2 昨晚通宵做了一个 deno 多版本的管理工具: dvm。 github 地址: github.com/justjavac/d… 功能基本参考了 nvm。 安装 npm install -g dvm 复制代码使用 ➜ ~ dvm --help Usage: dvm [options] [comman...
Deno 环境搭建 - 亲历一步一步搭建
qq_36066370的博客
06-16 833
电脑安装deno。（根据官网提示，下载然后配置环境即可） deno的ENVIRONMENT VARIABLES 直接在电脑环境变量设置相应的名称即可。（切记要关掉所有VS，再重启方可生效） VS安装deno插件。（VS插件直接搜索Deno, 安装最上面的即可） 当前项目安装插件，提供代码提示 （避免项目提示异常，虽然有异常也能跑起来） npm install --save-dev typescript-deno-plugin typescript deno下载..
deno 安装
前端精髓
05-04 674
前提是要brew brew install deno 然后安装vscode插件
2.2 设置deno开发环境
qq_40674647的博客
05-11 597
要高效地使用Deno，您应该设置您的环境。这意味着设置shell自动完成，环境变量以及您选择的编辑器或IDE。 环境变量 有几个环境变量控制Deno的行为： DENO_DIR默认为，$HOME/.cache/deno但可以设置为任何路径，以控制将生成的和缓存的源代码写入和读取的位置。 NO_COLOR如果设置，将关闭彩色输出。用户代码NO_COLOR无需--allow-env使用布尔常量就可以测试是否已设置Deno.noColor。 shell自动完成 您可以使用以下deno completions &lt
vscode-denofunc:用于denofunc的Visual Studio Code扩展
03-07
用于Visual Studio Code的denofunc扩展 这是使用 VS代码扩展。 特征 该扩展将以下命令添加到VS代码中。 将文件夹初始化为denofunc项目，等效于在终端中键入denofunc init 根据此扩展中包含的为您的项目创建函数 将项目部署到Azure Functions，等效于在终端中键入denofunc publish 要求 0.6.0或更高版本 1.5.4或更高版本 在本地调试和部署应用程序时需要 部署应用程序所需 扩展设置 denofunc.path ： denofunc CLI的路径（默认值：“ denofunc ”） 已知的问题 未完成部署到部署插槽（ ）。 打开新的之前，请检查。 发行说明 当您更新扩展程序时，用户会喜欢发行说明。 0.0.1 阿尔法释放。
deno-nasa：使用Deno进行后端开发
02-23
地鼻 使用Deno进行后端开发
VSCode提示TypeScript标识符重复解决方法
总结前端开发中遇到的问题，分享前端知识
10-28 4748
使用VSCode安装deno即可
Deno 快速入门
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
10-20 716
Deno 是一个JavaScript、TypeScript和WebAssembly运行时，具有安全的 默认值和出色的开发人员体验。它是基于V8引擎、 Rust和tokio。Deno是一款免费的开源软件，基于MIT许可证。
《Deno进阶开发笔记》开源啦！长期不定时更新
weixin_33943347的博客
03-23 264
前言 Deno自2018年6月诞生，引发JavaScript开发社区的强烈讨论，很多开发者误解甚至还纷纷传言ry大神将以Deno作为下一代Node.js，甚至还闹出了啼笑皆非的“issue盖楼”闹剧。 直至2019年初，在JavaScript社区里，Deno的相关讨论声音渐渐消退，更多是谈论TypeScript是否将引领下一波前端开发潮流，甚至带动Deno起飞。 在我的看法里，...
Deno 导入，环境变量以及代码调试
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
10-27 1551
​Deno支持Chrome、边和Node. js使用的V8检查器协议。这使得使用ChromeDevTools或其他支持该协议的客户端（例如VSCode）调试Deno程序成为可能。 要激活调试功能，请运行Deno，并使用--ynch-wait或--execy-brk标志。 通过--inspect标记，允许在任何时间点附加调试器，--inspect-wait标记将等待调试器附加并开始执行代码，--inspect-brk标记将等待调试器附加并暂停第一行代码的执行。
python敲七游戏代码_python每个文件都需要顶部注释，那今天介绍一个方法，只需要设置一次，下次新建python文件后，注释自动出现在顶部的方法...
weixin_39628945的博客
12-20 282
python每个文件都需要顶部注释，那今天介绍一个方法，只需要设置一次，下次新建python文件后，注释自动出现在顶部的方法只需要在file -----settings------file and code templats----python file，空白服复制以下代码粘贴进去即可 ，下次新建文件时 会自动带出来#!/usr/bin/env python# -*- coding: utf-8 ...
justjavac：从辍学到成为Deno核心代码贡献者，我的十年编程生涯
web15286201346的博客
07-28 218
自我第一次参与开源到现在十余年，已经在GitHub上开源300多个项目，根据第三方数据统计目前获得的总Star数排名全球前20。我感觉自己非常幸运，从后端转型到前端后就赶上了JavaScript的飞速发展，也见证了HTML5、ES6、CSS3等技术的发展历程。最后想送给每位开发者一句话“学历代表过去，能力代表现在，学习能力代表未来”。二十年前，《新程序员》创刊时，我们要全面关注软件人的成长。今天，我们依然初心不变在一行行代码的背后，是一颗颗鲜活的开发者想要改变世界的雄心壮志。因此，《新程序员004。...
【解决NodeJS项目无法在IDEA中调试的问题】使用JetBrains IDEA 2023 调试nodejs项目
最新发布
宅斗士的博客
04-23 413
项目采用Ant Design Pro + React，使用前后端分离开发方式，后端可以很容易的打断点调试，但是前端用到了React脚手架，在IDEA中加了调试断点，但是没有什么用处。
vscode deno
05-25
VSCode Deno 是一个为 VSCode 编辑器提供支持 Deno 运行时环境的扩展插件。Deno 是一个基于 JavaScript 和 TypeScript 的运行时环境，它允许您使用这两种语言编写服务器端应用程序。VSCode Deno 插件提供了一些功能，如：代码自动完成、代码格式化、代码诊断和调试支持等。同时，它还支持 Deno 中的模块导入和文件访问，使得您可以在 VSCode 中轻松地使用 Deno 进行开发。如果您想在 VSCode 中使用 Deno 进行开发，VSCode Deno 插件是一个很好的选择。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小蓝阿姨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值