标签：片段 补全 VSCode 代码 vscode 自动 CSS Snippets

1.前言

最流行的前端编程工具应该是vscode了，但是vscode的代码提示有很多不足的地方，这样效率很低。 本文就列举了一些常用的扩展程序来实现代码提示，加快开发速度，也方便补全代码。大家写前端的时候，平时也可能会苦恼于代码拼写错误，方法名忘记怎么写，不知道填充什么参数等问题。安装一些合适的扩展程序可以帮助我们更高效的写出更优美的代码。

2. 常用扩展程序

下面就介绍一些 vscode代码提示工具

1、Auto Rename Tag   // 这个可以帮助我们在重命名标签名时自动修改闭合标签的内容

2、Axios Snippets  // 超好用的 axios 代码补全片段，支持在.vue.js.html.ts文件中使用

3、Bracket Pair Colorizer             // 一个可定制的扩展，用于着色匹配的括号

4、Chinese (Simplified) Language Pack for Visual Studio Code           // 中文简体显示

5、CSS Peek    //css工具

6、CSS Tree   //  css

7、Easy LESS  //   Auto-compile LESS to CSS on save

8、Element UI Snippets  // element-ui的代码片段

9、GitLens — Git supercharged  //  git

10、HTML CSS Support  // html/css

11、HTML Snippets    // html代码片段

12、JavaScript (ES6) code snippets  // ES6的代码片段

13、jQuery Code Snippets   // jQuery的代码片段

14、json5   // json

15、Live Server  // 启动具有静态和动态页面实时重载特性的开发本地服务器

16、Lodash Snippets    // Lodash的代码片段

17、Maintained Swift Development Environment   // 快速开发环境

18、Material Icon Theme  // 设置文件图标的主题

19、minapp    // 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

20、node-snippets  // node代码片段

21、open in browser   // 在浏览器运行文件

22、Path Intellisense  //  自动完成文件名的 visual studio 代码插件

23、Prettier - Code formatter   // 代码自动格式化

24、px to rem & rpx (cssrem)  // 在 vscode 中转换 px 和 rem & rpx 单位   开发微信小程序需要使用rem & rpx

25、toml-formatter

26、Vetur   // vue工具

27、Vue 2 Snippets  // vue2 代码片段

28、Vue VSCode Snippets  // vue

29、wechat-snippet   // 微信小程序代码辅助,代码片段自动完成

30 、Auto Close  Tag  // 自动闭合标签

 

 

 

 

原文：https://www.jianshu.com/p/22fd68ee52fd

标签：片段,补全,VSCode,代码,vscode,自动,CSS,Snippets
来源： https://www.cnblogs.com/lsh-admin/p/15003106.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。