【期刊信息】

Message

刊名:环境技术
主办:中国电器科学研究院股份有限公司
主管:中国机械工业集团有限公司
ISSN:1004-7204
CN:44-1325/X
影响因子:0.189802
被引频次:9816
数据库收录:
统计源期刊(2018);期刊分类:环境与安全

现在的位置:主页 > 综合新闻 >

一文讲解Web前端开发基础环境配置

来源:环境技术 【在线投稿】 栏目:综合新闻 时间:2021-07-10

作者:网站采编

关键词:

【摘要】从基本的 HTML 语言开始。网页的所有内容都基于 HTML。为了学好HTML,不使用任何集成工具,使用文本编辑器直接从最简单的HTML编写HTML。先在网上下载notepad++文本编辑器,一款好的文本

从基本的 HTML 语言开始。网页的所有内容都基于 HTML。为了学好HTML,不使用任何集成工具,使用文本编辑器直接从最简单的HTML编写HTML。先在网上下载notepad++文本编辑器,一款好的文本编辑工具可以达到事半功倍的效果。

Web 前端和全栈定义:

A ,什么是传统的web前端:需要剪设计师的设计稿,剪图片,写标签和样式,实现JS的效果。总之,你只需要掌握HTML、CSS页面样式、JavaScript页面的页面结构即可。行为(包括页面效果和集成)。

B. HTML5时代的大前端:应对各种终端(PC、手机、各种浏览器)的兼容开发,手机APP开发和手机网站开发,Ajax+服务器端技术开发,异步开发与后台交互、高级设计模式和框架(MVC、AngularJS...)、自动化工作流的使用(Grunt)、网站安全、SEO、测试、源代码管理、团队合作、HTML5游戏制作等。

C. 全栈时代:前后端一体化的大牛,懂前后端语言,走前后端,能快速上手发现并解决问题。

D. NodeJS:是一种基于JS的后端语言,使前端无所不能。现在前端已经打破了所有界限。

Web前端开发环境搭配:

A、Sublime3安装配置:Sublime跨平台前端开发神器,为共享软件,免费使用;下载最新的Sublime3安装包;

-官网地址:http:///

-安装包管理器

打开 Sublime3 控制台 fctrl+~

进入安装包管理器命令代码。注意需要联网安装,因为是在线下载包

包管理器官网:https://

-install第三方插件(包)

打开命令面板:ctrl+shift+p;

输入install,然后回车,然后就可以搜索到你想要的插件了,按回车安装;使用Atom工具

< p> B.使用Atom工具:github发布的前端开发工具,集成了chrome调试工具,是一个非常强大的开发工具平台。在文件中的设置中设置,包括字体大小、快捷键、背景色主题等;

官网地址:https://atom.io/

C、 WebStorm10 安装与使用:WebStorm是最专业的前端IDE开发工具。它是一个非常重量级的开发工具。它是专为我们的前端设计的专业 IDE。使用它进行开发效率很高;

D、总结一下三种开发工具的优缺点: Sublime3:一般需要安装第三方包。 Atom:集成度很好,很轻。您需要自己安装第三方软件包。 Webstrom:对于大型项目,推荐使用Webstrom,非常强大但也很重。

操作系统常用快捷键:

快捷键是你成为高级专业前端工程师的必经之路,每个人都必须掌握。

Win+数字键:打开/显示超级任务栏中第N个图标表示的程序

Win+D:快速显示桌面

Win+ R:快速运行、打开软件、cmd命令行等。

Win+E:快速打开资源管理器

Win+箭头键:最大化、恢复/最小化窗口

Win+L:快速锁定计算机

Ctrl+Alt+Del:显示以下选项:锁定计算机、切换用户、注销、更改密码、启动任务管理器

CTRL+ SHIFT+ESC:打开任务管理器

Alt+F4:关闭当前活动项目或退出活动程序

Alt+Tab:在打开的项目之间切换

< p> Alt+向上箭头:在Windows资源管理器中查看当前文件夹的上层

Ctrl+A:在文档或窗口中全选Ctrl+C:复制所选项目

< p> Ctrl+向下键:将光标移动到下一段的开头

Ctrl+Esc:打开开始菜单

Ctrl +F4:关闭活动文档(在可以让你同时打开多个文档的程序)

Ctrl+Up Arrow:将光标移到上一段的开头

Ctrl+V:粘贴选定的item

Ctrl+X:剪切选中的项目

Ctrl+Y:恢复操作

Ctrl+Z:撤销操作

DELETE:删除所选项目并移至回收站

ESC:取消当前任务

F2:重命名所选项目

F4:显示Windows 资源管理器中的地址栏列表

p>

F5:刷新活动窗口



文章来源:《环境技术》 网址: http://www.hjjszz.cn/zonghexinwen/2021/0710/1870.html


上一篇:优质营商环境引世界500强企业入驻 北京经开区氢
下一篇:(环境)来了!“京6B”油品地方标准将于今年