邵阳网站开发公司推荐,vps服务器中的网站不显示图片,展示型网站制作服务,营销方式和营销策略文章目录 一.安装包下载方式一.官网下载方式二.网盘下载 二.安装三.VSCode插件安装1.中文语言包2.拼写检察器3.HTML自动补全4.JavaScript-ES6语法提示5.补全前端代码6.路径提示7.Vue3/Vue2开发必用8.自动闭合HTML/XML标签9.标签同步修改10.格式化html,css,js11.区分括号12.快速… 文章目录 一.安装包下载方式一.官网下载方式二.网盘下载 二.安装三.VSCode插件安装1.中文语言包2.拼写检察器3.HTML自动补全4.JavaScript-ES6语法提示5.补全前端代码6.路径提示7.Vue3/Vue2开发必用8.自动闭合HTML/XML标签9.标签同步修改10.格式化html,css,js11.区分括号12.快速打开html13.快速设置文件和目录14.IDEA快捷键 四.VSCode配置五.VS Code 快捷键 一.安装包下载
方式一.官网下载
进入VS Code官网点击 DownLoad for Windows下载windows版本
Stable稳定版Insiders内测版 也可以点击旁边的箭头下载Windows版本 或 Mac OS 版本 方式二.网盘下载
网盘下载链接
二.安装 1.双击安装包选择我同意此协议再点击下一步 2.选择安装路径点击下一步 。也可以使用默认值: C:\Users\super\AppData\Local\Programs\Microsoft VS Code 3.继续点击下一步 4.可以勾选创建桌面快捷方式如果不想使用vscode作为代码默认打开方式可以取消将code注册为受支持的文件类型的编辑器点击下一步 5.点击安装开始安装 6.安装完成运行VS Code。 三.VSCode插件安装
VS Code提供了非常丰富的插件功能根据你的需要安装对应的插件可以大大提高开发效率。
安装步骤如下 1.中文语言包
插件名称Chinese (Simplified) Language Pack 适用于 VS Code 的中文简体语言包 2.拼写检察器
插件名称Code Spell Checker 拼写检查器。比如 banana 单词写错成 banane 会提示你是否修改成 banana 也可以将 banane 添加至检查器的字典中。 3.HTML自动补全
插件名称HTML CSS Support 在编写样式表的时候自动补全功能大大缩减了编写时间。 4.JavaScript-ES6语法提示
插件名称JavaScript (ES6) code snippets 支持ES6语法提示 5.补全前端代码
插件名称Mithril Emmet 一个能大幅度提高前端开发效率的一个工具用于补全代码 6.路径提示
插件名称Path Intellisense 路径提示插件 7.Vue3/Vue2开发必用
插件名称Vue 3 Snippets 在 Vue 2 或者 Vue 3 开发中提供代码片段语法高亮和格式化的 VS Code 插件能极大提高你的开发效率。 插件名称VueHelper vscode最好的vue代码提示插件不仅包括了vue2所有api还含有vue-router2和vuex2的代码 插件名称Vetur Vue多功能集成插件包括语法高亮智能提示emmet错误提示格式化自动补全debugger。vscode官方钦定Vue插件Vue开发者必备。 8.自动闭合HTML/XML标签
插件名称Auto Close Tag 自动闭合HTML/XML标签 9.标签同步修改
插件名称Auto Rename Tag 自动完成另一侧标签的同步修改 10.格式化html,css,js
插件名称Auto Rename Tag 格式化 html ,js,css 11.区分括号
插件名称Bracket Pair Colorizer 给括号加上不同的颜色便于区分不同的区块使用者可以定义不同括号类型和不同颜色 注意新版本的VsCode中弃用了该插件因为已经将其内置在VsCode中 12.快速打开html
插件名称open in browser vscode不像IDE一样能够直接在浏览器中打开html而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件支持自定义打开指定的浏览器包括FirefoxChromeOperaIE以及Safari 13.快速设置文件和目录
插件名称File Utils File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。 14.IDEA快捷键
插件名称IntelliJ IDEA Keybindings 安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。 四.VSCode配置
打开配置面板根据自己的喜好可以修改字体、背景样式等偏好设置 五.VS Code 快捷键