IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 【VScode插件开发】<一>开发环境准备 -> 正文阅读

[开发工具]【VScode插件开发】<一>开发环境准备

? ? ? ? VScode作为一款轻量级的IDE开发工具,非常好用,也是跨平台,对于习惯在命令行敲代码的人来说,简直不要太优秀。

? ? ? ? VScode强大的一点就在于能够支持各种插件,对于一个想自己倒腾的程序员来说,能自己定义自己的写代码的环境,那是再爽不过的事,这系列文章就来梳理下,怎样创建属于自己的VScode插件。

????????工具善其事必先利器, 这一系列的开端,自然就是环境的准备。

? ? ? ? 本人所用电脑为Mac,所以教程以Mac为准。

1. 安装插件开发脚手架

npm install -g yo generator-code #先安装必要工具

? 本人Mac电脑安装的时候就出现了问题,问题如下:

?

新安装的VScode,就没办法安装开发脚手架,我头脑里的第一反应就是应该是电脑里面的各种工具版本不对,仔细看,上面指令用到的是npm工具,npm工具又依赖node。那就检查下这几个工具的版本吧。

?

仔细看,网上教程说更新node.js是用npm的指令,但是npm指令又依赖node,这就形成一个死循环,有点无语,索性在网上手动安装了最新版的node.js

Download | Node.js??https://nodejs.org/en/download/

?

更新了node和npm的版本,就可以安装脚手架了。

?

2. 使用插件开发脚手架创建插件项目;

yo code

输入yo code,按照提示填写对应的内容:

?

第二至第四个问题都是和你想创建的插件有关,按你自己的意愿吧。

3. 快速试用 你的第一个?插件项目;

通过code + 项目名称,打开你已经创建好的项目

?code插件和我们平常新建一个工程,完全自己写代码不同,code插件创建,大部分的内容后台都帮忙创建了,开发者要做的,就是把一些内容替换成自己需要的。

?啥都不改,直接按F5运行吧!?

1.按F5运行(电脑没有F5的自行处理,哈哈)

2.按完F5会出现一个新的VScode

3.在编辑界面,输入快捷键 shift+command+p

4.在弹出的对话框中搜索hello,如下图,旋转对应插件的指令,点击。

?5.插件运行效果看右下角

?至此,VS的开发环境就准备的差不多了,准备着手开发吧!

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-12-25 11:29:11  更:2022-12-25 11:32:46 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/14 16:39:17-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码