第三篇: VSCode关于VUE的插件配置

简介: 好吧,万物都逃不过真香定理,几周后又把VUE捡起来了,主要是最近的这个小项目前端也是想用到这个VUE。首先的话,关于vscode的话可以理解为宇宙第一IDE visual studio的小老弟,主要是轻量级,支持广,插件多。

好吧,万物都逃不过真香定理,几周后又把VUE捡起来了,主要是最近的这个小项目前端也是想用到这个VUE。
首先的话,关于vscode的话可以理解为宇宙第一IDE visual studio的小老弟,主要是轻量级,支持广,插件多。
visual code的下载地址
接下来的话主要说下要使用到的插件
Vetur
语法高亮,错误检查,格式化,自动提示等

Auto close tag
自动关闭标签

Auto rename tag
自动更名标签

Path intellisense
路径自动补全

EsLint
语法纠错

Html CSS Support
智能感知css样式

关于vscode的插件的话,基本安装都要需要重启才会生效

最后说一个关于同步插件的插件Settings sync,有了这个之后就不需要每次更换电脑或重装时重新一个个的安装了,关于这个查询需要用到我们的github

首先去github的网站上创建一个用于同步的token,登录后选择settings-Developer settings

img_5c58f732cca5c9802fd9eda74bda4915.png
image.png

接着选择Personal access tokens,在右侧选择generte new token,输入token的名字后,在下面的选项中只需要勾选gist

img_13baaa53210d97169e225d87f4e3d251.png
image.png

最后点击generate token创建,将生成的token的文本复制

img_0c98e67a316b0f406beebd1f0e63d5e0.png
image.png

接着返回到vscode中,使用快捷键alt+shift+u,将刚刚的文本粘贴进去

img_3a0e580580b61fa9510d5431c5d2f6e5.png
image.png

好了,我们的插件配置就已经被同步到github上了
之后需要使用的话使用alt+shift+d进行下载

如果之前的token粘贴有问题的话,使用ctrl+p输入>sync选择重置即可

img_48b03919120da272a28737f9f7383dd3.png
image.png

目录
相关文章
|
4月前
|
Ubuntu 网络安全 PHP
如何使用vscode的Docker插件管理ubuntu 拉取服务器的镜像以及创建容器
本测试镜像旨在记录使用vscode的Docker插件拉取病创建Dockerfile,以及拉取镜像。
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
1729 1
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
|
7月前
|
Python
在VScode环境下配置Python环境的方法
经过上述步骤,你的VSCode环境就已经配置好了。请尽情享受这扇你为自己开启的知识之窗。如同你在冒险世界中前行,你的探索之路只有越走越广,你获得的知识只会越来越丰富,你的能力只会越来越强。
702 37
|
10月前
|
机器学习/深度学习 人工智能 自然语言处理
|
9月前
|
资源调度 JavaScript 前端开发
Pinia 如何在 Vue 3 项目中进行安装和配置?
Pinia 如何在 Vue 3 项目中进行安装和配置?
722 4
|
8月前
|
JavaScript 前端开发 程序员
甚至用不了五分钟就能学会vscode插件开发
本文介绍了VSCode插件的开发流程,从创建项目到最终发布。首先通过安装`yo`和`generator-code`脚手架工具初始化项目,选择JavaScript语言配置基础信息。接着,在`extension.js`中实现业务逻辑,例如将中文“变量”替换为“var”。通过F5进入调试模式验证功能。完成后使用`vsce`工具进行打包,解决可能遇到的版本不兼容或README文档问题。最后生成`.vsix`文件,可通过VSCode的“从VSIX安装”加载插件,实现开发闭环。进一步可将插件发布至官方市场供更多开发者使用。
|
10月前
|
人工智能 自然语言处理 前端开发
通义灵码插件在VSCode中的运用
借助通义灵码插件在VSCode构建新闻网,实现效率与智能的融合。VSCode作为前端开发的“瑞士军刀”,提供实时预览、智能辅助和高效管理功能;通义灵码插件通过自然语言交互生成代码,简化复杂任务并优化代码质量。两者结合形成从设计到部署的高效闭环,大幅减少基础编码时间,降低开发门槛,助力开发者聚焦业务逻辑与创新。
|
10月前
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
755 8
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件:ESLint用于代码质量和风格检查;Prettier自动格式化代码;GitLens增强Git功能;Live Server提供前端实时预览;Docker支持容器管理。

热门文章

最新文章