这里附带vscode下载地址,和前端开发常用的20+插件,可根据插件功能自行选择下载。
VsCode下载安装
Visual Studio Code下载地址:https://code.visualstudio/Download
下载页面中,用户可选择“user”和“system”两种版本。目前“system”被推荐使用,它能同时打开多个窗体副本,而“user”只能打开一个实例。
VsCode常用插件
插件下载方法,打开vscode,左侧工具栏中最下面的一个,直接搜索后下载即可
-
Auto Close Tag
自动闭合HTML/XML标签
-
Auto Import
自动查找可以导入的代码和操作
Auto Rename Tag
-
Auto-Open Markdown Preview
自动打开markdown的视图,因为我常用markdown写笔记,所以可以用这个哦
-
Beautify
美化javascript
, JSON
, CSS
, Sass
, 和HTML
代码
-
Bracket Pair Colorizer
括号色彩化,非常nice的插件,i like it
-
Chinese (Simplified) Language Pack for Visual Studio Code
vscode中文包
-
Code Runner
右键可以直接运行js代码,当然也可以直接运行java,php,c等等的代码
-
Debugger for Chrome
谷歌浏览器的调试插件
-
jQuery Code Snippets
jquery代码提示插件
-
HTML Snippets
html标签提示插件
-
HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式
-
Color Highlight
css中可以选择颜色
-
IntelliSense for CSS class names in HTML
在当前工作空气查找类名,快速书写类名的插件
-
JavaScript (ES6) code snippets
es6代码提示
-
Live Server
开启一个端口,监听当前文件,相当于开了一个web服务器,右键点击后使用。
-
Lodash Snippets
lodash代码提示
-
open in browser
在浏览器中打开当前页面,在文件中右键使用
-
Path Intellisense
自动路径补全
-
Vetur
vue语法高亮、智能感知等,vue一定要用的插件
-
Vue 2 Snippets
vue2.0代码提示的插件
-
Output Colorizer
日志文件带颜色的哦
-
vscode-icons
各种各样文件的图标,虽然我不习惯,但是感觉还挺漂亮的
-
Vue VSCode Snippets
vue代码快捷语法,具体使用参考文档,能记住了快捷语法确实快,但是奈何我记不住啊
-
ESlint
图标,虽然我不习惯,但是感觉还挺漂亮的
-
Vue VSCode Snippets
vue代码快捷语法,具体使用参考文档,能记住了快捷语法确实快,但是奈何我记不住啊
-
ESlint
语法纠错,具体配置使用可以看我写的另一篇博客
更多推荐
vscode下载和前端工程师常用的20+插件,包含代码提示、语法高亮、括号颜色等等
发布评论