使用.htaccess删除.html扩展名_Visual Studio Code | 从下载安装到使用!

8ab5a1d9c47b5aef8870015a234b5b00.gif

THE START

更新近期需求较多的Visual Studio Code

Visual Studio code是一款免费的源代码编辑器,适用于多平台如Windows,Linux的和Mac系统。主要功能包括支持调试、语法突出显示,智能代码完成、片段、代码重构和嵌入式GIT中。用户可以更改主题、键盘快捷键、首选项、并安装添加附加功能的扩展程序。并分为用户版和系统版本,两者之间的基本区别是系统版本与其他所有应用程序一样都安装在文件系统上。系统版本中对VS Code进行的设置会保存在计算机上的“所有用户”中,而用户版本中的设置仅适用于用户。用户版安装时不需要管理员权限,从而简化了安装和升级,主要因为该位置位于用户本地AppData(LOCALAPPDATA)文件夹下,用户版还提供了更流畅的后台更新体验。这个根据实际需求来选择安装即可。

1

功能概述

  • 支持大多数编程语言

  • 能够使用扩展名添加到默认语言

  • 具有大量扩展,可以自动更新

  • 快速定期更新程序

  • 简单美观的编码环境

  • 能够使用编译和调试插件

  • 自动完成代码

  • 智能浏览器,支持Rex

  • 文字指令终端

  • 显示功能参数

  • 能够直接跳至功能和方法

  • 以编译形式显示Markdown文件

  • 使用源代码管理的能力

2

下载安装

官网下载

网址:https://code.visualstudio.com/Download

提供三大常用系统的安装包。

提示:Linux用户:.deb和.rpm是用于存储数据的不同文件类型。建议下载.deb文件,以便自动更新按照Visual Studio Code文档的建议进行工作。

43cdb5a0c21ed40d7f1622c12ee1d631.png

公众号后台获取

小编将以上安装包单独打包,可在后台一次性获取!

a566d3ef694bbf0913b5d6bde961ce02.png

3

安装(以Windows为例)

1.右键以管理员身份运行

959e69033b92c5356d2a49612a8e0081.png

2.勾选同意,点击下一步

e0837c0e7e5611b5f44960e681e238f3.png

3.修改或默认安装目录,点击下一步

e687c51a911c869ec023f9a7347280c7.png

4.点击下一步

b5ba2fc3cc3d94e6ce35edbe981f36b0.png

5.第一个和最后一个勾选,其余根据需求,点击下一步

98ac5ef3513bd27f1a5be7a2e80817b9.png

6.点击安装

e0d0453229460813c5ef0ea938dc70e4.png

7.点击完成,开始运行

4e4eda09404eec49cd20839af84f1a4e.png

4

开始使用

1.创建一个名为projects的文件夹,并在其文件夹下创建一个名为hello Word 的文件夹

d62be19f19f2df7a19b2371593d98254.png

2.打开软件,点击file--open folder

7b3656a51bf879ecd13a8b00d4d01b54.png

浏览选择创建的projects文件,点击选择

6b56d00c0d766ceca28426fdba5e1eec.png

3.点击projects,选中hello Word,右键点击new file,命名为.html。

提示:命名前先来了解一下文件扩展名的重要性。文件扩展名是文件名的后缀(文件名前是一个点,最后3个或4个字符),并描述文件包含的内容类型。例如,HTML文件扩展名是.html,它告诉浏览器(和其他应用程序)将文件内容解释为HTML文档。

3c5fadbd49f2eb6440c69eb9adcc813e.png

4.小编命名为.html

6cae959ba840c5cf2e756b8a2a7c0eff.png

5.输入简单的代码试用,点击保存

<html><head><title>Hello worldtitle>head><body><h1>Hello worldh1>body>html>

e714af0fa5826846f25ff1ac3c8d6e93.png

6.浏览器中打开

打开projects项目文件夹

双击html文件即可在浏览器中打开

f19f73976ee3df3c8ce3f55f4e160615.png

edd329a61261cb87f2e919c692308990.png

7.增加内容

上边只是最简单的操作,小编稍微增加html内容,例如图片、链接等等,直接使用VS Code调试。如下代码是小编在2018年搞的,也很简单。具体释义小编就不再解释了,直接看就能明白。

<title>微信各种学习资源公众号title><center><h1>微信各种学习资源公众号h1><center><div style="position:fixed; z-index: -1; width: 100%; height: 100%; left: 0px; top:0px;"><img src="各种学习资源公众号.png" width="100%" height="100%" />div><a href='https://www.cn-ki.net/'target="_blank"><center>iData<center><br/><br/><a href='http://www.yuzhuyi.ys168.com/'target="_blank"><center>羽享平台<center><br/><br/><a href='http://www.wanfangdata.com.cn/index.html'target="_blank"><center>万方数据库<center><br/><br/><a href='http://tool.yovisun.com/scihub/'target="_blank"><center>sci-hub访问网址<center><br/><br/><a href='https://sci-hub.tw/'target="_blank"><center>sci-hub<center><br/><br/><a href='http://ac.scmor.com/'target="_blank"><center>谷歌镜像<center>

点击左侧运行

2c24f04e2f71076c9f1411e9e52b2207.png

点击open a file,点击打开

7895e1fd1fb5cd57b4d0efd83ffc7d35.png

点击create a launch.json file

e460f9613dd3bd1b19d6f4ea81722ed4.png

选择edge.launch 

c382209f028a83c60791a9370c2a28f1.png

然后点击open开始运行出结果,并在edge浏览器打开!

0ee5f3e86384e9fefc9e1d7e2030f4b8.gif

启用其他语言

开始界面打开

7e84c33e0e36340b4820cd59c9968249.png

然后就可以选择需要使用的语言了,点击install等待完成。

16e1a292e7f30d090f6ab190fb27c063.png

还有很多功能及扩展等待你们去使用探索了。

13ffcc203fe88d5756421d3818796608.png

5

软件获取

微信关注“各种学习资源”,后台发送“202009277”

5b9ce04f1d950922d1e12e3f1fedb196.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值