安装VSCode需要先下载VSCode。 打开浏览器,键入https://code.visualstudio.com/,然后单击“下载”以根据您的操作系统下载。
下载成功的本地exe安装包
默认安装
启动VSCode,默认使用的语言是英语(us )。 熟悉英语的人请忽略此步骤,安装中文插件,点击左边,然后输入chinese搜索,选择中文件的简体字进行安装。 按住Ctrl Shift P键,键入configure display language,然后如下图所示选择“设置显示语言”
如下图所示,将缺省en更改为zh-cn并保存,然后重新启动VSCode VSCode前端常用插件集合1.Auto Close Tag以自动关闭HTML/XML标记
2.Auto Rename Tag自动完成对另一侧标签的同步修复
3.Beautify格式代码。 值得注意的是,beautify插件支持自定义格式代码规则
4.Debugger for Chrome将vscode断点映射到chrome,便于调试
5.HTML CSS Support智能提示CSS类名和id
6.HTML Snippets智能提示HTML标签以及标签的含义
7.JavaScript(es6 )代码快照es6语法智能提示和快速输入。 它不仅支持. js,还支持. ts、 jsx、 tsx、 html和. vue,从而节省了支持包含各种js代码的文件的时间
8.jquery代码快照jquery代码智能提示
9.Material Icon Theme是个人最好的vscode图标主题,支持不同颜色系统的图标交换。 值得注意的是,该插件更新非常频繁,几乎与vscode的更新频率一致
10.vs代码- icon vs代码资源树目录图标,简洁大方
11.open in browser vscode无法像IDE那样直接在浏览器中打开html,但该插件支持快捷键和鼠标右键,可以在浏览器中快速打开html文件,fireres
12.Vetur Vue多功能集成插件。 包括语法高亮、智能提示、emmet、错误提示、格式、自动完成和调试器。 vscode官方钦定Vue插件,Vue开发者必备
11 .项目管理器在多个项目之前快速切换的工具
12.Prettier Prettier是当前Web开发中最受欢迎的代码格式。 安装此插件后,将自动应用Prettier,并将整个JS和CSS文档快速格式化为统一的代码样式。 如果还想使用ESLint,还有prettiereslint插件。 不要错过。
12.vue 2 Snippets! VUE2片段和语法加亮
13.Vue VSCode Snippets VUE代码自动完成插件,生成VUE基本框架
14 .终端vs代码中内置的命令行插件也很实用
15.live server插件打开本地服务器
就这些,我觉得很实用。 欢迎补充
版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。