Bootstrap

如何准备开发环境?

目录

一.软件的准备

二.软件的配置


一.软件的准备

        首先我们需下载两个软件,一个为VScode,用来作为我们的编辑器进行代码的编写。而在编写完代码之后,我们就肯定得知道它得效果了,这时候就需要用到我们得另外一个软件,谷歌(chrome)浏览器了。

二.软件的配置

        在安装完以上两个软件之后,我们要想顺利使用它们还得做一些准备工作。首先我们来配置下VScode。我们使用VScode主要有以下几个步骤:

1)创建一个文件夹,并将它在VScode里面打开。这里我们可以先创建一个文件夹,然后打开的方式有两种,一种是打开VScode之后,在它的左上角点击--文件--打开文件夹--找到我们所创建的文件夹,如下所示:

 

        第二种打开方式则是在将我们创建的文件夹放置到桌面上,接着将它拖拽到VScode开始界面的右边。如下所示:

       2)在创建完我们的文件夹之后,我们就可以进行下一步。下一步就是我们需要下载一些相关的 插件来让我们更好的完成编程设计。我们首先可以先点击左边从上往下数的第五个图标,在安装了中文插件之后我们就可以看到它的名字为扩展(ctrl+shift+x),然后点击它,在搜索栏目里搜索Chinese的简体中文插件,是我们的软件汉化,让我们能够看得更明白,点击install就完成了下载。接着我们继续下载一个插件叫做open in browser,在下载完这两个插件之后我们就可以重启VScode来使它们生效。

        3)接着便是我们的浏览器设置。首先打开我们电脑的控制面板--找到默认程序--找到谷歌浏览器--点击第一行设置为默认,确保.htm和.html文件类型下都是谷歌浏览器,这样我们在查看效果的时候就都是使用的谷歌浏览器了。

 

 补充说明:我们可以使用ctrl+加号来使代码字体扩大,同样,使用ctrl+减号可以使字体缩小。

以上便是开发环境配置的 所有内容。

 

;