2. 编辑器的使用&创建第一个网站
什麽是编辑器?
如果没有写过程序的人应该都不知道编辑器是什麽，其实你的电脑早就有安装编辑器，像是window里的记事本。
写程序要用那个编辑器?
如果你要用记事本写程序也不是不行，只是初学者不太适合，举个例子，javascript里面有一个取得原素资讯的指令，getElementById，假设你用的是记事本，你就必须把它全部打完，但是假设你用的是专门打程序的编辑器例如vscode，你通常只要打出前三个字，他就会显示有这些字元的常用程序码，你只要按一下tab就会自动补齐。
整合式编辑器
整合式编辑器就是帮你把该开的东西都塞在一个视窗里，像是编辑器本身、终端机、Git版本控制。
鼎鼎大名的vscode
Visual Studio Code简称vscode，是Microsoft 所开发到自由软件，完全免费，提供html，javascript,，css的补齐功能(就是刚刚讲的，可以打三个字就会出现选项的功能)，而其他语言择要透过套件下载，套件下载十分容易，只要按一下就能安装成功。他的套件安装商店非常齐全，不只有补齐的软件，还提供了像是Live Server的即时预览功能，和Material Icon的多样化icon，如果还不懂没关系，之後就会介绍到。vscode可在Linux, Windows, MacOs上面安装，使用了跨平台的框架，Electron，这大大的降低了开发三个版本的困难。vscode是目前世界使用者做多的编辑器。
VScode官网 : https://code.visualstudio.com/
还有那些整合式编辑器?
其他的我也不常用到，我就把他们列出来就好，有兴趣的再上网查询。
- Atom
- Sublime Text
- Notepad++ (限Windows和Linux)
- Brackets
建立第一个网站的概念
网站是由一层一层的资料夹组成，就像是一个购物网站，他的网站就是目录根(root)，他的底下可能有关於购买的资料夹，也可能有结帐的资料夹，又有可能有点数兑换的资料夹。
而我们换成资料夹看
在vscode上建立网站
首先，在桌面(在权限大的地方都可以)建立一个资料夹，然後把它拖曳到vscode的标示上。
打开的vscode应该就像我一样左边空空的，配上右边的欢迎页面。
接着按一下右侧的"+"，来添加文件
然後输入index.html接者按下enter
写code
终於要进到写code的环节，这篇我们就先复制我写的网站，下一篇我再来介绍每个程序码的意思。
复制下面的程序码到vscode右边的编辑区
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>my first web</title>
</head>
<body>
<p>this is the first web</p>
</body>
</html>
接着你会看到index.html右边有一个白白的小点，你现在只要按ctrl + s就能存档。(我有偷偷加上上一篇介绍的响应喔!)
未存档 :
已存档 :
结尾
终於到了结尾了，今天教大家下载vscode及简单介绍他的功能和做了简单的网站，下一篇会介绍更详细的vscode用法与功能。如果看到了错字，麻烦在下方留言，我会马上赶到！！！！
!
<<: 虎你发财啦!自己的新年图自己做 (React+Fabric.js) -下
>>: [Git] authentication with ssh key
小公司不是一块跳板，小公司本身就是一个伟大的目标
最近在思考，为什麽要雇人呢？ 37Signals 的老板写的 Rework 这本书，被奉为 indi...
#26 初探 Electron
前两天我们做了一个网页服务器，接下来我们来帮它加上 GUI 吧！ Electron Electron...
天上永远不会掉下玫瑰，想要的话就要自己去种植。
天上永远不会掉下玫瑰，想要的话就要自己去种植。 It never will rain roses. ...
Day 3 - Rancher 架构与安装方式介绍
本文将於赛後同步刊登於笔者部落格 有兴趣学习更多 Kubernetes/DevOps/Linux 相...
D10-(9/10)-荣成(1909) 纸箱需求旺
注:发文日和截图的日期不一定是同一天，所以价格计算上和当日不同，是很正常的。 声明:这一系列文章并无...