vscode (Visual Studio Code)安装汉化以及前端常用插件推荐
个人IDE软件使用经过 DW => HBulider => sublime => vscode,感觉还是 vscode 用着更爽一些。
vscode 全称 Visual Studio Code 是一个由微软开发的,同时支持Windows、Linux和macOS操作系统且开放源代码的文本编辑器,支持很多用得着用不着的功能,自己去发掘吧。
一、下载安装
直接到 官网 点击 Download 进行下载安装,网站会自动判断你的操作系统,提供符合你操作系统的下载链接,也可以自己选很方便。
安装很简单就不在这里赘述了。
二、汉化以及前端插件安装
点击下面左边红色框的按钮,然后在输入框输入自己想要安装的插件名然后点击安装,安装完成后点击重新加载就可以了。
1、Chinese Language
简体中文汉化插件,和我一样英文不好的童鞋可以安装这个插件进行汉化。这个插件重载之后还没有汉化成功的话,把编辑器关闭重新打开就行了。
2、vscode-icons
让 vscode 资源树目录加上图标,有利于我们进行文件格式的判断。
3、HTML Snippets
很实用的 HTML 代码提示插件。
4、HTML CSS Support
HTML 标签上写class 智能提示当前项目所支持的样式。
5、jQuery Code Snippets
jQuery 代码提示,用 jQuery 框架的必须装。
6、Path Intellisense
自动路径补全,方便我们进行图片、CSS、JavaScript等文件的路径编写。
7、Bootstrap 3 Sinnpet
Bootstrap 3 代码提示插件,常用的话需要下载一个。
8、Atuo Rename Tag
修改 html 标签,自动帮你完成尾部闭合标签的同步修改。
9、Bracket Pair Colorizer
给括号设置不同的颜色,有利于括号多的时候进行区分。
10、小程序助手
11、minapp
12、wechat-snippet
这三个都是微信小程序的代码提示及自动补全插件,现在微信小程序这么火怎么可以不下载。
以上这些是个人常用并且感觉非常好用的,还有一些其他的插件,比如
13、HTMLHint
HTML代码检测
14、beautify
格式化代码插件,感觉编辑器自带的就够用了。
15、Document this
js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)
16、vscode-fileheader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
17、Indent-Rainbow
使得对齐更加具有可读性
18、IntelliSense for CSS class names in HTML
基于你的项目以及通过link标签引用的外部文件,该智能插件提供 HTML 中 CSS class 名字的补全。
19、Trailing Spaces
高亮那些冗余的空格,可以快速删掉
20、lit-html
在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 标记,lit-html 提供语法高亮和相应的补全支持。
21、CSS Peek
可以在 HTML 中通过 CSS id 或则 class 来定位到其定义。
Vue 开发需要用到的相关插件
22、Terminal
安装后可以直接在 vs code 中进行命令行操作,可以省去单独打开命令行工具的麻烦,非常方便实用。
23、Vue 3 Snippets
24、Vue VSCode Snippets
这两个是 Vue 开发的利器,提供代码片段,语法高亮等等功能,可以为开发省去很多敲重复代码的时间。
vscode (Visual Studio Code)安装汉化以及前端常用插件推荐相关推荐
- 在linux系统中安装VSCode(Visual Studio Code)
在linux系统中安装VSCode(Visual Studio Code) 1.从官网下载压缩包(话说下载下来解压就直接可以运行了咧,都不需要make) 访问Visual Studio Code官网 ...
- vs code linux 权限,在linux系统中安装VSCode(Visual Studio Code)
在linux系统中安装VSCode(Visual Studio Code)linux 1.从官网下载压缩包(话说下载下来解压就直接能够运行了咧,都不须要make) 我是64位的:app wget ht ...
- vscode wamp php,在WAMP环境中为Visual Studio Code安装PHP CodeSniffer(phpcs)
导语:Visual Studio Code是微软发布的轻量级代码编辑器,它可以运行在Windows\Mac\Linux,通过扩展能够支持多种编程语言.PHP CodeSniffer是用来检查PHP编码 ...
- 【开发环境】安装 Visual Studio Code 开发环境 ( 下载 Visual Studio Code 安装器 | Visual Studio Code )
文章目录 一.下载 Visual Studio Code 安装器 二.安装 Visual Studio Code 一.下载 Visual Studio Code 安装器 进入 Visual Studi ...
- visual studio code安装shadertoy特效环境
vscode安装shadertoy特效环境搭建教程 visual studio code安装shadertoy特效环境搭建教程 shadertoy介绍 搭建shadertoy环境 下载拓展插件 GLS ...
- visual code php,vscode(Visual Studio Code)配置PHP开发环境的方法(已测)_编程开发_软件教程...
Visual Studio Code一个轻量且强大的代码编辑器,支持Windows,OS X和Linux.内置JavaScript.TypeScript和Node.js支持,而且拥有丰富的插件生态系统 ...
- 【猿说VUE】Visual Studio Code安装配置
Visual Studio Code安装配置 现在使用Visual Studio Code编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点得到了大量开发人员的喜爱.该编辑器也集成了所有一款现代编 ...
- win7 visual studio code安装和使用
博客参考: (1)https://blog.csdn.net/qq_41185868/article/details/81262111 (2)https://blog.csdn.net/Mculove ...
- 史上最全的Visual Studio Code安装C/C++环境,若不行头砍给你。
一.下载Visual Studio Code安装 下载链接地址 二.安装C/C++插件 输入c/c++, 然后点击那里install 三.下载MinGW配置环境变量 下载地址 进入网站后不要点击 &q ...
最新文章
- 微软重新释出MS10-015 解决蓝屏问题
- 从0开始的Python学习001快速上手手册
- 关于mysql的定时任务
- appfog mysql_appfog java jdbc mysql连接
- 【渝粤题库】广东开放大学 人力资源管理 形成性考核
- visual studio 2019 未能在命名空间“System.IO.Ports”中找到类型名“SerialPort”
- ​网易首支 AI 生成歌曲《醒来》正式发布;FSF :苹果 OCSP 事故在道德上不可接受;CentOS 8.3 发布|极客头条...
- Go语言实战 - 网站性能优化第一弹“七牛云存储”
- poj_3468 线段树
- (转)李开复哥伦比亚大学演讲:如何才能不错过人工智能时代
- html input属性都有啥,input 属性有哪些input标签常用属性
- 收银怎样挂单和取单_挂单取单(PC收银)
- 运维就是一场没有硝烟的战争
- 如何通过简书引流(简书引流之标题的重要性)万能的小胡
- 《关键对话》教你如何摆脱沟通困境
- android 屏幕比例,16:10还是4:3?纵论安卓平板最佳屏幕比例
- 在linux文件下执行.kjb文件和trans文件
- phrases practice_Choose any passage from unit 3 and unit 4 to practice.
- 黑马教程python入门之基础笔记day1/2
- jquery循环获取div之间的内容
热门文章
- 在没有Google的情况下使用Android :(一种)指南
- 刷题:《七月在线》机器学习笔试部分(一)
- ww:action 的一个问题
- app能不能跳转外部h5_APP内部H5页面跳转 H5唤起APP 怎么做?
- 备份领军产品DataDomain
- (批量)删除企微通讯录成员
- Android编写界面交互代码,android仿音悦台页面交互效果实例代码
- 强强联手,利尔达与ST联合发布全新低功耗蓝牙模块
- 全国计算机信息高新考试试题,全国计算机及信息高新技术考试数据库应用_操作员级_试题选录...
- 【python初级】 Ubuntu18.04上安装python3、pip3