1. 程式人生 > >個人電腦環境搭建教程

個人電腦環境搭建教程

1.vscode

要裝的外掛

1.html

HTML CSS Support  在 html 標籤上寫class 智慧提示當前專案所支援的樣式(必備)
​
HTML Snippets  html 程式碼片段(必備)
​
htmlhint html程式碼檢測
​
htmltagwrap 可以在選中HTML標籤中外面套一層標籤  **使用**:選擇一大段程式碼,然後按“Alt + W”

2.css

CSS Peek   CSS 類和 ids 定義的地方

3.sass

Live Sass Compiler  實時編譯 sass ,不過需要配置,附上我的配置
​
sass

4.javascript

JavaScript (ES6) code snippets  es6程式碼片段(必備
​
JavaScript Snippet Pack js程式碼片段(必備)

5.php

6.庫

jQuery Code Snippets  jQuery 程式碼片段
​
Bootstrap 4 & Font awesome snippets   包含Bootstrap 4&Font awesome 的程式碼片段.

7.其他

Auto Close Tag   自動新增HTML / XML關閉標籤(必備)
​
Auto Rename Tag  自動重新命名配對的HTML / XML標籤(必備)
​
Bracket Pair Colorizer  顏色識別匹配括號
​
filesize  在底部狀態列顯示當前檔案大小,點選後還可以看到詳細建立、修改時間
​
Indenticator  突出目前的縮排深度
​
IntelliSense for CSS class names   智慧提示 css 的 class 名
​
Image Preview  滑鼠移到路徑裡顯示影象預覽
​
open in browser  當前的 html 檔案用瀏覽器開啟,類似 webstorm 的那四個小瀏覽器圖示功能,前提條件html 檔案必須儲存
​
npm Intellisense  在匯入語句中自動填充npm模組,跟Node.js Modules Intellisense差不多
​
Beautify  格式化javascript,JSON,CSS,Sass,和HTML
​
Path Intellisense  路徑自動補全(必備)
​
Regex Previewer  測試正則的外掛
​
One Dark Pro 主題
​
vscode-icons  目錄樹圖示
​
Code Spell Checker 檢查拼寫

2.git

直接下載安裝

配置上傳到github

  1. 簡單方法 下載個GitHub Desktop 登入即可

  2. 配置ssh連線

     git config --global user.name "985616770"
     git config --global user.email "[email protected]"
     cd ~
     ssh-keygen -t rsa -C "[email protected]"
     生成ssh祕鑰 在c:/Users/xxxx_000/.ssh/
     在GitHub新增 id_rsa.pub 到ssh 測試
     $ ssh -T [email protected]

    3.連線github

     
    1.在github上建立一個示例倉庫,如:test
    2. 複製test ssh key的ssh路徑
    3.本地建立專案 
    ​
    建立目錄
    ​
    $ mkdir test
    ​
    $ cd test
    ​
    初始化
    ​
    $ git init
    ​
    建立hello.md檔案
    ​
    $ echo "這是一次測試test ssh key" > hello.md
    ​
    提交到本地
    ​
    若出現如上warning提示則重新提交一次即可。
    ​
    $ git add .   #提交當前目錄下所以檔案
    ​
    $ git commit -m "add hello.md"   #提交記錄說明 
    ​
    提交到github
    ​
    $ git remote add origin ‘貼上複製test ssh key的ssh路徑’  #
    ​
    $ git push -u origin master
    ​
    4.重新整理GitHub 看結果

3.node.js

直接下載安裝

4.hexo部落格

5.科學上網

使用的V2ray的上網方式

6.photoshop安裝設定

1.下載註冊機破解

2.安裝cutterman 切圖

3.安裝pxcook,mark man 標註

[原文地址](https://xuanjidd.xyz) :https://xuanjidd.xyz