草庐IT

走进前端和vscode插件安装、认识浏览器、Gitee提交

xby_1. 2024-01-19 原文

走进前端

前端的概念

首先我们先了解一下前端的通俗概念：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

前端三剑客

  • HTML
  • CSS
  • Javascript(JS)

分工

  1. HTML：负责网页的架构，决定网页的结构和内容
  2. CSS：负责网页的样式和美化
  3. JS：控制网页的行为

vscode插件安装

安装vscode

参考文档：VSCode安装教程

插件安装

插件安装位置：

插件推荐：
1.Chinese (Simplified) (简体中文)

是一个中文插件，将vscode语言设置为中文

2.Auto Rename Tag
此款插件可以帮助对html标签的补充和成对修改标签。

修改开始标签，结束标签跟着自动变化，比较好用

3.HTML Snippets
智能提示HTML标签，以及标签含义
4.HTML CSS Support

智能提示CSS类名以及id
5.Live Server （推荐）

能够在线浏览html网页的更新变化。安装后，html界面鼠标右键，点击 open live serve就可以了打开网页
6.open in browser

这款插件能够在浏览器中打开html网页。鼠标右键 open in default browser，快捷键 Alt + b
7.[Deprecated] Browser Preview
这款插件对于新手比较友好，可以在vscode中打开一个窗口显示html网页，避免来回切换窗口。安装后在文件名上鼠标右键，open in browser preview
8.会了吧

9.Prettier - Code formatter

此插件能够将代码进行格式化，调整缩进和布局，是代码更加整齐规范，增加代码可读性
10.Easy-less
编译less文件，我们写的less文件不能直接引入到HTML文件中，通过这个插件可以自动帮我们生成css文件。

认识浏览器

浏览器是网页显示、运行的平台。
常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。平时被称为五大浏览器。

查看浏览器的市场份额:http://tongji.baidu.com/data/browser

浏览器内核

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

目前国内一般浏览器都会采用 Webkit/Blink 内核，如360、UC、QQ、搜狗等。

Gitee提交

gitee是什么？

基于git的代码托管协助平台

打开gitee官网：https://gitee.com/，打开注册登录即可

准备工作：

  • 安装git
    下载地址为https://git-scm.com

    根据自己电脑的系统选择下载版本

    点击next

    将C盘更改为D盘

    点击next

    根据自己的需要打勾，点击next继续





…

默认,一直按next

直至：
安装中


安装成功

安装TortoiseGit

Tips：安装TortoiseGit,必须先安装完成git并将其配置好

https://tortoisegit.org/download/


一路next即可

下载汉化包

下载完之后点击refresh就会出现中文简体语言


监测git的安装地址：

点击下一页



完成安装
重启电脑即可使用

gitee上传代码

参考文档：Gitee上传代码保姆级教程

走进vscodeimghttpsimg-blog前端giteegit

有关走进前端和vscode插件安装、认识浏览器、Gitee提交的更多相关文章

  1. ruby - 在 64 位 Snow Leopard 上使用 rvm、postgres 9.0、ruby 1.9.2-p136 安装 pg gem 时出现问题 - 2

    我想为Heroku构建一个Rails3应用程序。他们使用Postgres作为他们的数据库，所以我通过MacPorts安装了postgres9.0。现在我需要一个postgresgem并且共识是出于性能原因你想要pggem。但是我对我得到的错误感到非常困惑当我尝试在rvm下通过geminstall安装pg时。我已经非常明确地指定了所有postgres目录的位置可以找到但仍然无法完成安装:$envARCHFLAGS='-archx86_64'geminstallpg--\--with-pg-config=/opt/local/var/db/postgresql90/defaultdb/po

  2. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件？ - 2

    在选择我想要运行操作的频率时，唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案，但您可以安排它每天运行，并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/8692687/

  3. ruby-on-rails - 无法使用 Rails 3.2 创建插件？ - 2

    我对最新版本的Rails有疑问。我创建了一个新应用程序(railsnewMyProject)，但我没有脚本/生成，只有脚本/rails，当我输入ruby./script/railsgeneratepluginmy_plugin"Couldnotfindgeneratorplugin.".你知道如何生成插件模板吗？没有这个命令可以创建插件吗？PS:我正在使用Rails3.2.1和ruby​​1.8.7[universal-darwin11.0] 最佳答案 随着Rails3.2.0的发布，插件生成器已经被移除。查看变更日志here.现在

  4. ruby - 完全离线安装RVM - 2

    我打算为ruby​​脚本创建一个安装程序，但我希望能够确保机器安装了RVM。有没有一种方法可以完全离线安装RVM并且不引人注目(通过不引人注目，就像创建一个可以做所有事情的脚本而不是要求用户向他们的bash_profile或bashrc添加一些东西)我不是要脚本本身，只是一个关于如何走这条路的快速指针(如果可能的话)。我们还研究了这个很有帮助的问题:RVM-isthereawayforsimpleofflineinstall?但有点误导，因为答案只向我们展示了如何离线在RVM中安装ruby。我们需要能够离线安装RVM本身，并查看脚本https://raw.github.com/wayn

  5. ruby-on-rails - rails 目前在重启后没有安装 - 2

    我有一个奇怪的问题:我在rvm上安装了ruby​​onrails。一切正常，我可以创建项目。但是在我输入“railsnew”时重新启动后，我有“程序'rails'当前未安装。”。SystemUbuntu12.04ruby-v"1.9.3p194"gemlistactionmailer(3.2.5)actionpack(3.2.5)activemodel(3.2.5)activerecord(3.2.5)activeresource(3.2.5)activesupport(3.2.5)arel(3.0.2)builder(3.0.0)bundler(1.1.4)coffee-rails(

  6. ruby - 如何为 emacs 安装 ruby​​-mode - 2

    我刚刚为fedora安装了emacs。我想用emacs编写ruby。为ruby​​提供代码提示、代码完成类型功能所需的工具、扩展是什么？ 最佳答案 ruby-mode已经包含在Emacs23之后的版本中。不过，它也可以通过ELPA获得。您可能感兴趣的其他一些事情是集成RVM、feature-mode(Cucumber)、rspec-mode、ruby-electric、inf-ruby、rinari(用于Rails)等。这是我当前用于Ruby开发的Emacs配置:https://github.com/citizen428/emacs

  7. ruby-on-rails - 无法在centos上安装therubyracer(V8和GCC出错) - 2

    我正在尝试在我的centos服务器上安装therubyracer，但遇到了麻烦。$geminstalltherubyracerBuildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingtherubyracer:ERROR:Failedtobuildgemnativeextension./usr/local/rvm/rubies/ruby-1.9.3-p125/bin/rubyextconf.rbcheckingformain()in-lpthread...yescheckingforv8.h...no***e

  8. ruby - 通过 RVM (OSX Mountain Lion) 安装 Ruby 2.0.0-p247 时遇到问题 - 2

    我的最终目标是安装当前版本的RubyonRails。我在OSXMountainLion上运行。到目前为止，这是我的过程:已安装的RVM$\curl-Lhttps://get.rvm.io|bash-sstable检查已知(我假设已批准)安装$rvmlistknown我看到当前的稳定版本可用[ruby-]2.0.0[-p247]输入命令安装$rvminstall2.0.0-p247注意:我也试过这些安装命令$rvminstallruby-2.0.0-p247$rvminstallruby=2.0.0-p247我很快就无处可去了。结果:$rvminstall2.0.0-p247Search

  9. ruby - 如何在 Lion 上安装 Xcode 4.6，需要用 RVM 升级 ruby - 2

    我实际上是在尝试使用RVM在我的OSX10.7.5上更新ruby，并在输入以下命令后:rvminstallruby我得到了以下回复:Searchingforbinaryrubies,thismighttakesometime.Checkingrequirementsforosx.Installingrequirementsforosx.Updatingsystem.......Errorrunning'requirements_osx_brew_update_systemruby-2.0.0-p247',pleaseread/Users/username/.rvm/log/138121

  10. ruby - Fast-stemmer 安装问题 - 2

    由于fast-stemmer的问题，我很难安装我想要的任何ruby​​gem。我把我得到的错误放在下面。Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingfast-stemmer:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcreatingMakefilemake"DESTDIR="cleanmake"DESTDIR=

随机推荐