【CSS練習】IT修真院--練習2-開發工具

時間 2019-11-10

標籤 CSS練習練習開發工具欄目 CSS 简体版

原文原文鏈接

任務二. 認識開發工具

今天完成的事情

IDE & 編輯器對比
版本管理工具學習
Git基本操做
代碼託管平臺對比
服務器使用學習

明天計劃的事情

分析任務三, 完成規劃及部分開發css

遇到的問題

暫無html

收穫

IDE & 編輯器對比參考:Atom、Sublime Text、VSCode 三者比較，各有哪些優點和弱勢？前端
- Webstorm: 一款成熟的IDE，對網站開發者友好，插件齊全功能強大，對於前端開發幫助極大;
- VisualCode:nginx
  - 微軟開源代碼編輯器，可經過安裝插件來應用在各類開發場景;
  - Windows & Linux & Mac都有, 界面優雅性能穩定，簡單強大的插件系統, Windows上最適用代碼編輯器;
  - Terminal 內置!
- Sublime: 老牌非開源代碼編輯器. 功能強大啓動速度快,各平臺表現都很好, 可是裝了插件以後markdown支持也很差（嫌棄臉
- Atom：開源老牌編輯器，有活躍的開源社區支持,夠hack,對電腦頂配的前端開發者友好... 穩定性差，Windows上表現很差
版本管理工具學習git
- 代碼版本控制對比參考：Git優點 & 發展github
  - 本地式(第一代):apache
    - 特色: 實現了基礎的代碼管理功能, 可是沒法協做;
    - 表明: SCCS(1972)、 PVCS(1985)
  - 客戶端-服務器式(第二代):segmentfault
    - 特色：後端
      - 優勢: 實現了中心服務器端的代碼版本管理, 容許多人對同一個代碼庫進行同步&修改
      - 缺點:centos
        
        斷網受限: 斷網時沒法查看日誌, 也沒法提交和比較版本;
        
        分支管理困難: 不支持本地分支, 且建立的分支難以修改;
        
        中心化: 中心化意味着須要時刻作好災備, 備份頻率需求與較高的備份成本相互掣肘;
        
        慢: 代碼備份&查詢&對比都須要與服務器通訊, 服務器負載大, 表現出來的結果就是慢;
    - 表明：CVS(1986)、 ClearCase(1992)、Visual SourceSafe(1994)、Perforce(1995)、Subversion(2000,即SVN)
  - 分佈式(第三代):
    - 特色:
      - 優勢: 結合前兩代優勢，而且解決了前兩代的弊端
        
        分佈式: 斷網時可查本地庫中的日誌, 亦可提交代碼、建立分支, 分塊管理;
        
        快：負載分流管理，使用體驗爲快速;
        
        社區: Github社區的火爆推進Git的流行;
      - 缺點: 有必定學習曲線, 不過基礎使用入門不難;
    - 表明: Git(2005)、Mercurial(2005)
Git基本操做參考: Git教程-廖雪峯的官方網站
- 提交操做
  1. 初始化: git init
  2. 所有加入緩存區: git add .
  3. 提交緩存區文件: git commit -m "本次提交描述"
  4. 添加遠程庫連接: git remote add origin <遠程庫連接>
  5. 初次推送到添加的遠程庫: git push -u origin master
  6. 再次推送到添加的遠側庫: git push origin master
- 分支操做
  - 本地：
    1. 查看分支: git branch
    2. 建立分支: git branch 新分支名
    3. 切換分支: git checkout 已有分支名
    4. 刪除分支: git branch -d 已有分支名
  - 遠程:
    1. 查看分支(帶*號爲本地分支): git branch -a
    2. 刪除遠程分支:
```
git branch -r -d 遠程分支名
  git push origin :遠程分支名
```
代碼託管平臺對比
- Github: 世界最大同性交友社區(霧
  - 優勢: 開源項目豐富品種齊全, 適合本身作練手和公開項目用, 支持CI;
  - 缺點: 國內有點慢, 私有倉庫要收費, 不支持演示;
- 碼雲: 本土化開源社區參考: 碼雲評價 & 官方對比
  - 優勢: 適合中國國情, 速度快, 有免費私有庫用, 支持一鍵部署到演示平臺(有空試試), 支持項目點評, 支持代碼質量分析;
  - 缺點: 聽說CI支持不夠完善, 待驗證
- Coding
  - 特色: 集成項目管理、集成WebIDE在線開發環境、標準化拓展接口
- Gitlab: 公司內部代碼管理
  - 特色: 可根據須要整合其餘工具, 參考: [gitlab+jira] (https://www.zhihu.com/questio...
服務器使用學習
- 購買雲服務器: 阿里雲、騰訊雲
- 購買以後:
  - 遠程登陸, 搭建Apache或者Nginx, 而後放置網站在指定路徑, 完成外網訪問支持;
  - 買域名, 審覈後綁定服務器, 完成域名訪問支持;
- Apache & Nginx 對比參考:Nginx和Apache各有什麼優缺點
  - Apache:
    - 適合處理動態請求
    - 模塊支持好
    - bug少，穩定
    - rewrite功能強大
  - Nginx:
    - 輕量級, 配置簡潔, 優點在於處理靜態請求
    - 併發支持好,資源使用少
    - 高度模塊化設計
    - 社區活躍
  - 結合: 前端用Nginx做爲反向代理抗壓, apache做爲後端處理動態請求
- Nginx環境搭建(Centos): 參考How to install and configure NGINX on CentOS7
  - 下載安裝: @官網照寫
    - 編輯nginx.repo
    - yum install epel-release
    - yum install nginx
  - 狀態操做
    - 啓動: systemctl start nginx.service
    - 查詢: systemctl status nginx.service
    - 中止: systemctl stop nginx.service
  - 開機啓動設置: systemctl enable nginx.service
  - 目錄
    - 網站文件默認存放目錄：/usr/share/nginx/html
    - 網站默認站點配置：/etc/nginx/conf.d/default.conf
    - 自定義Nginx站點配置文件目錄：/etc/nginx/conf.d
    - Nginx全局設置：/etc/nginx/nginx.conf
    - Nginx啓動：nginx -c nginx.conf