VUE插件整理

转自:https://blog.csdn.net/miaozhenzhong/article/details/80138174

1.VsCode官方插件地址:

https://marketplace.visualstudio.com/vscode

http://code.visualstudio.com/docs

官网下载地址:http://code.visualstudio.com/

2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件

添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可

3.常用插件说明:

一、HTML Snippets

超级使用且初级的H5代码片段以及提示

二、HTML CSS Support

让HTML标签上写class智能提示当前项目所支持的样式

三、Debugger for Chrome

让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点

四、JQuery Code Snippets

jquery提示工具

五、Path Intellisense

自动路径补全、默认不带这个功能

六、Npm Intellisense

require 时的包提示

七、Document this

Js的注释模板

八、ESlint

ESlint接管原声js提示,可以自定制体会规则。这个比较高玩、

九、Project Manager

多个项目之间快速切换的工具

十、beautiful

格式化代码的工具

十一、Typings Installer

安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。

十二、Bootstrap 3 Sinnpet

常用bootstrap的可以下

十三、Auto Rename Tag

修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。

图标、代码样式插件

一、JavaScript Atom Grammar

使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用。

二、vscode-icon

让vscode资源目录加上图标、必备

三、One Dark Theme

来自Atom的one dark主题好看实用

四、Material、Material Neutral ............

更多:

Visual Studio Code 1.8 发布

VSCode插件之View In Browser‘在浏览器中查看

VsCode插件之vscode-icons

Visual Studio Code插件之Atom One Dark Syntax Theme

原文地址:https://www.cnblogs.com/dragon2017/p/9180885.html

时间: 2024-10-29 21:53:05

VUE插件整理的相关文章

Chrome 浏览器安装Vue插件方法 (十分详细)

博主最近在研究Vue,无奈新手想安装Chrome的Vue插件,整理下安装流程: 1.首先去github下载vue.zip文件插件(还有npm安装方法这里就不介绍了自行百度) 2.下载后解压 3.然后通过npm下载相关依赖,可能有些同学没有安装npm,博主也是,这里介绍下安装npm的方法. 从node.js中文网站下载node.js,里面包含npm 4.下载完成直接安装,因为博主已安装成功就不截图,验证npm是否安装成功命令,打开CMD输入 node -v npm -v 如果出现对应版本号,说明安

Xcode实用快捷键及插件整理

1. 编译运行: CMD + R: 编译并运行 2.编辑: CMD + [ : 左缩进 CMD + ] : 右缩进 CMD + / : 注释或取消注释 CTRL + . : 参数提示 ESC : 自动提示列表 Ctrl + D:删除光标右边的字符 Ctrl + K :删除本行 3.文件: CMD + S: 保存 CMD + W: 关闭当前窗口 CMD + Q: 退出xcode 4.拷贝撤销: Command + A: 全选 Command + C: 复制 Command + V: 粘贴 Comm

vue 插件

UI组件 element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★6802 - 基于Vue和WeUI的组件库 mint-ui ★4776 - Vue 2的移动UI元素 iview ★4458 - 基于 Vuejs 的开源 UI 组件库 Keen-UI ★2363 - 轻量级的基本UI组件合集 vue-material ★2207 - 通过Vue Material和Vue 2建立精美的app应用 muse-ui ★1992 - 三端样式一致的响应式 UI 库 vuet

基于axios的vue插件,让http请求更简单

ajax-plus 基于axios 的 Vue 插件 如何使用 npm 模块引入 首先通过 npm 安装 ```npm install --save ajax-plus or yarn add ajax-plus -S <p>然后在入口文件引入并配置:</p> <p>对标axios的配置,详见<a href="https://www.npmjs.com/package/axios" rel="nofollow noreferrer&q

从零开始编写一个vue插件

title: 从零开始编写一个vue插件 toc: true date: 2018-12-17 10:54:29 categories: Web tags: vue mathjax 写毕设的时候需要一个mathjax编辑器,因此直接写一个插件试一下. 准备账号 进入npm注册账号 初始化项目 vue init webpack-simple mathjax-toolbar cd mathjax-toolbar npm install 得到的项目内的/src结构如下: src/ ├── assets

安装浏览器的vue插件

安装浏览器的vue插件步骤: 1.在浏览器中打开 https://github.com/vuejs/vue-devtools Clone or download  vue-devtools. 2.解压vue-devtools-dev文件,并在编辑器中打开vue-devtools-dev项目. 3.npm install 安装对应所需要的插件. 4.npm run build 打包当前的项目. 5.打开Chrome扩展程序页面. 6.打开开发者模式. 7.单击“加载已解压的扩展程序”,然后选择sh

[1/20] Visual Studio Code 插件整理

Visual Studio Code 插件整理 更新时间:2020年3月2日 Python Python编程必装 Chinese (Simplified) Language Pack 中文语音包 markdownlint Markdown格式检查 Markdown Preview Enhanced Markdown预览加强,集成了PanDoc,功能更加强. 有中文文档,推荐! 原文地址:https://www.cnblogs.com/j44p5/p/12398076.html

Vue插件之导出EXCEl

本周项目需要实现导出列表数据的功能,在githup上找到了一个比较好用的插件~ 简单的整理一下,希望对各位有所帮助. githup地址 使用方法: 1.npm安装依赖 npm install vue-json-excel 2.项目主文件入口main.js全局引入 import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel) 3.直接在项目中使用 <download-excel :data="

vue idea vue插件(转)

因为工作需要,使用到vue.js 但是没有,原来的编辑器没的反应 所以, 就考虑下,怎么安装插件. 如图: 然后,要安装啥,自己搜索了. 比eclipse上的速度快呀有木有. 额,记得重启下ide.然后就可以了吧.