environment setup

2017-11-03  本文已影响0人  choibird

首先,需要一个把编程语言编程电脑能读懂的机械语言的解码器。

这个是基础,于是到https://nodejs.org/en/

然后就是 install nodejs

安装好之后,执行cmd命令

npm -v   

可以查询nod版本号。

nodejs就是服务器端的平台。

chrome浏览器用的是v8引擎。

然后是编程程序的install了。


推荐install sublimeText 3

www.sublimetext.com是一款 免费工具,企业用的比较多

sublime是核心平台,可搭载其他的插件。

属于开发工具的一种,同时也存在其他的开发工具。

例如:webstorm(收费的,很强大),以及vscode(ms开发的免费工具和sublimetext大概相同)


接下来就是插件了。没有插件的sublime是“不完整”,因为只有一个核心,人机性不好。

插件的接口是:package control

go to  https://packagecontrol.io

点击installation ,复制python代码,点击sublimetext左下图标,选console,黏贴,回车,安装


安装后,选reference,选package control 即可加载其他插件

先输入install package

然后加载其他插件

1 emmet插件,功能:快捷键

!加tab键:快速生成文档

2 sidebarenhancement:扩展左边栏的功能

3 HTML-CSS-JS Prettify 文档,格式整理功能

4 Seti-UI 主题

5 Themr 主题管理器 reference/package control/全删/themr

使用!加tab键生成文档后:

1<!doctype html> 文档类型(代表html5)

2 UTF-8代表支持汉语


a标签 代表链接(链接的网址)及网址的显示

img 代表图片 需要相对路径

src的功能./当前文档所在目录    ../当前文档所在上一级目录

alt的功能是图片无法显示的时候的提示题目

inputbox是一个输入框(表单输入)

button按钮

label标签

以上标签皆为行内元素(即为不换行)

块级元素(是换行的)

div

块级元素可以理解为一个套筒。是凡套进去的元素可以一同执行。

当然,套筒里可以继续套。


css

1 建立css文件

2 选定想要编辑的元素

3 按照命令来进行编辑

background-color:颜色

元素选择器

.加class名为类选择器

table表格

caption标题(自己查)

tr行

td列

www.w3school.com.cn字典类型的网址

打开网站按f12或者右击选检查

header,footer,aside,article,

ctr+/不起作用,注释

上一篇 下一篇

猜你喜欢

热点阅读