本文主要是介绍Vscode 最常用插件,very nice,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
VS Code的安装和常用插件
下载地址:https://code.visualstudio.com/
进入官网,点击下载按钮,根据电脑系统进行下载
然后下载完成后,一直点下一步,下一步,进行安装即可,这里就不过多介绍了。
下面我来说一下,我在前端开发中觉得比较好用的一些插件吧
1.Chinese (Simplified) Language Pack
一个汉化的语言包,可以把vs的英文界面进行中文翻译,当然你英文很卧槽的情况下,几乎可以略过
2.HTML Snippets
智能提示HTML标签,以及标签含义,在开发中可以很好的提高开发效率,一定要安装。
3.Auto Rename Tag
在修改html标签后,自动帮你完成尾部闭合标签的同步修改。方便又可以提高敲代码的速度。
4.Auto Close Tag
该插件可以自动地帮我们闭合HTML标签
5.Beautiful
一款格式化代码的工具,可以让我们的代码看起来像诗一般完美
6.Brower Preview
如果你没有双屏显示器,又不想来回切换窗口,而是直接在VSCode里鼠标右键即可进行预览,这简直太方便了
7.HTML CSS Support
智能提示CSS类名以及id
8…JavaScript(ES6) code snippets
ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
9.Vetur
Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。
10.easy Less
项目中使用了less语法,改插件可自动帮我们进行编译,生成css文件
11.Prettier
Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件,它就能够自动应用Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint,那么还有个 Prettier – Eslint 插件,一定不要错过咯!
12.Vue VSCode Snippets
VUE代码自动补全插件
13.live server
开启本地服务器,可以检测代码的实时更新,不用在进行刷新看效果啦
其实,还有很多好用的插件,大家可以进行安装使用,用完记得给我反馈反馈
这篇关于Vscode 最常用插件,very nice的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!