vscode 开发vue必备插件_vsCode开发vue项目必备插件

VSCode 开发Vue必备插件

对于很多使用vscode编写vue项目的新手同学来说，可能不知道使用什么插件，这里简单说一下我常用的几款插件。

1. vetur

实现在 vue 文件中：

语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript

语法高亮，包括 html/jade/pug css/sass/scss/less/stylus js/ts emmet 支持

代码自动补全(目前还是初级阶段)，包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript 配合 ESLint 插件使用效果更佳

2.eslint

eslint插件能够检测代码语法问题，与格式问题，对项目代码风格统一至关重要。

3.HTML CSS Support

在编写样式表的时候，自动补全功能大大缩减了编写时间，推荐！

4.HTML Snippets

这款插件包含html标签，非常全，很实用。

5.View In Browser

在浏览器中查看静态文件。

6.Live Server

这个插件很有用，安装之后可以打开一个简单的服务器。而且还会自动更新。安装之后，打开项目文件夹，再在文件上点击右键就会出现一个Open with Live Server的选项，

就会自动打开浏览器了。默认端口号是5500

7.GitLens----- Git Supercharged(必备)

查看git文件提交历史。

8.Document This

注释文档生成

9.Debugger for Chrome

直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。

需要配置vscode的lauch.json的谷歌调试相关配置

10.EditorConfig for Visual Studio Code

EditorConfig 是一种被各种编辑器广泛支持的配置，使用此配置有助于项目在整个团队中保持一致的代码风格。

11.JavaScript Snippet Pack

针对js的插件，包含了js的常用语法关键字，很实用。

12.Path Intellisense

在编辑器中输入路径时，自动补全。

13.One Monokai Theme

能够选择自己喜欢的颜色主题，来编写代码，比较喜欢用的是monokai。

14.vscode-icons(很好用)

能够选择自己喜欢的图标主题，比较推荐vscode icons

vscode 开发vue必备插件_vsCode开发vue项目必备插件相关推荐

vscode生成vue模板快捷键_VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法...
1. 安装一个插件,识别vue文件 2.新建代码片段文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定 3.粘贴入自己写的.vue模板 { " ...
vscode比较整个文件夹_vscode开发ROS1(5)-ROS工程目录结构
ROS工程整体结构图 1, ROS工程整体结构图如下. 2, 对应到之前创建的test工程, 如下. 3, ROS工程总目就是整个工程的根文件夹. 对应这里的test文件夹. 4, 总工程目录下包含3 ...
2 snippets vue 修改配置_VSCode 自定义Vue snippets, 快速生成Vue模板
命令行 Ctrl+Shift+P # 选择 Configure User Snippets # 选择 Vue.json 原始的Vue.json { // Place your snippets for ...
Android插件化开发之动态加载技术简单易懂的介绍方式
转载地方:https://segmentfault.com/a/1190000004062866 基本信息 Author:kaedea GitHub:android-dynamical-loading ...
前端开发vue技术栈程序员的vs code插件分享
工欲善其事,必先利其器,想要达成高效的开发目标,怎么能缺少了合适的编辑器插件呢.通过近期开发的几个项目,我养成了自己的开发习惯,这里就分享一些好用的vs code插件给大家. 第一款,Auto Ren ...
VsCode从零开始配置一个属于自己的Vue开发环境
VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直 ...
chrome vue插件_「Vue学习记录一」开发环境准备
1.开发工具 - VS Code ❝ 选择 VS Code 是因为这是一款很容易上手的工具,在 VS Code 中找到的每个功能都完成一项出色的工作,构建了一些简单的功能集,包括语法高亮.智能补全.集 ...
2 snippets vue 修改配置_VsCode从零开始配置一个属于自己的Vue开发环境
VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直 ...
vue css load,vue css3loadding插件的开发以及npm包的发布管理
插件开发的话建议使用vue-gitment脚手架开发 vue init webpack-simple vue-gitment 如果提示执行cnpm install vue-cli -g 全局安装 c ...

vscode 开发vue必备插件_vsCode开发vue项目必备插件

vscode 开发vue必备插件_vsCode开发vue项目必备插件相关推荐

最新文章

热门文章