俗话说的好,工欲善其事必先利其器,所以在前端语言当中,我们需要使用VSCode。VisualStudioCode是Microsoft于2015年4月发布的一款代码编辑器。✨本博客主要教会新手们如何安装VSCode以及前端插件的安装✨
一.下载
二.安装
第一步,双击下载好的VSCode安装包。
第二步,选择同意此协议
第四步,创建快捷方式
第五步,选择附加任务
第六步,点击安装
到此,我们稍微等待一会,便安装成功了,在桌面上就会显示出VSCode的快捷方式了。
三.VSCode的插件安装
VSCode提供了很多丰富的插件功能,可以根据你的需求,安装对应的插件从而提高开发效率
而博主是为了前端开发,而下载的VSCode。因此以前端常用插件为例
插件名称 | 解析 |
Chinese (Simplified) LanguagePack | VS Code的中文简体语言包,将VS Code的内容变成中文 |
Code Spell Checker | 拼写检测器,当你拼写错误时,会自动提醒你 |
HTML Css Support | 拼写样式表时,会自动补全功能 |
JavaScript (ES6) code snippets | 支持ES6语法提示 |
Mithril Emmet | 代码快速编写工具 |
Path Intellisense | 路径自动补全 |
Vue 3 Snippets | 代码格式化和代码提示 |
VueHelper | 代码提示 |
Auto Close Tag | 自动闭合 |
Auto Rename Tag | 自动命名 |
Beautify | 格式化代码,可美化JS、JSON、CSS、Sass、HTML |
Bracket Pair Colorizer | 为各种结对的括号提供了颜色高亮 |
open in browser | 把编辑的HTML文件等用浏览器打开 |
Vetur | Vue代码高亮显示 |
IntelliJ IDEA Keybindings | 在VSCode使用IDEA的快捷键 |
安装方式都是一样的,因此在这,我们讲解2种安装情况
????插件正常安装
例:安装ChineseLanguagePack插件
第一步,打开VSCode选择扩展输入需要下载的插件名
第二步,选择安装,并等待安装成功。
????插件安装异常
安装异常,是指插件已经弃用,后续不会再进行维护。而被弃用的原因有2种:该插件有了更新版本。该插件内置于VSCode,需要进行设置使用
注:虽然插件已经弃用,但功能还在,只是不会被维护了。因此我们依然可以安装使用。
例如:安装beautify插件虽然已被弃用,但是依然可以安装使用
四.VSCode的配置
五.VSCode的基本使用
由于VSCode功能强大,可以使用多个编程语言,所以在这里我们使用HTML前端语言展示
第一步:打开VSCode,选择文件夹,可以选择已有的代码文件,也可以选择空白的文件夹。
第二步:点击新建文件,记住后缀要正确,然后往文件当中输入代码
第三步:保存代码,编译程序
编译结果:
VSCode十分强大,可以编译众多语言,但是是需要使用插件的。而博主使用VSCode是为了接下来的Javawed中了解前端的知识。
---------懒惰的tq02
文章为作者独立观点,不代表股票量化交易软件接口观点