第三篇: 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

目录
相关文章
|
11天前
|
人工智能 JavaScript 关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
57 14
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
|
29天前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
55 10
|
3月前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
3月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
784 4
|
3月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具,可以确保代码风格一致,提高代码质量和可读性。
416 1
|
4月前
|
资源调度 JavaScript 前端开发
路由管理:Vue Router的使用和配置技巧
【10月更文挑战第21天】路由管理:Vue Router的使用和配置技巧
84 3
|
4月前
|
存储 前端开发 中间件
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
816 0
|
4月前
|
JavaScript 前端开发 API
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
1157 0
|
4月前
|
Ubuntu Linux 编译器
Linux/Ubuntu下使用VS Code配置C/C++项目环境调用OpenCV
通过以上步骤,您已经成功在Ubuntu系统下的VS Code中配置了C/C++项目环境,并能够调用OpenCV库进行开发。请确保每一步都按照您的系统实际情况进行适当调整。
1025 3
|
4月前
|
JavaScript 前端开发 开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展,代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier,以及设置 VSCode,实现代码实时检查和格式化,确保代码风格一致。
1024 2

热门文章

最新文章