vscode前端开发软件配搭好用的插件

使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件
添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可(各取所需插件)

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

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

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

ext install jQuery Code Snippets jquery提示工具

ext install Path Intellisense 自动路径补全、默认不带这个功能

ext install Npm Intellisense require 时的包提示

ext install Document this js的注释模板

ext install Project Manager 多个项目之间快速切换的工具

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

ext install beautiful 格式化代码的工具

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

ext install Bootstrap 3 Sinnpet 常用bootstrap的可以下

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

ext install JavaScript Atom Grammar 使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用

ext install vscode-icon 让vscode资源目录加上图标、必备

ext install One Dark Theme 来自Atom的one dark主题好看实用

ext install View InBrowser 在浏览器中查看 Ctrl+F1

VSCode插件 之Open in Browser:
1.使用快捷键 Alt+B
2.右键在浏览器中查看

新建文件:
a. 文件——>新建文件;
b. 按Ctrl+n;
c. 点文件夹名后面的+号图标。
新建文件夹:
点文件夹名后面的+号图标。

拆分编辑器(分列)
快加键:Ctrl+

原文地址:https://www.cnblogs.com/lhl66/p/7368432.html