NPM 的安裝與使用

NPM 全名為Node Package Manager,是附屬在 Node.js 中的套件管理工具,我們在安裝 Node.js 時,就可以順便將 NPM 安裝到電腦中,並且在命令列 / 終端機模式中使用。

專案初始化

利用 npm 指令,可以協助我們建立 Node.js 專案的描述檔,或稱為初始化專案,命令如下:

//協助我們建立 Node.js 專案的描述檔
npm init

在打入 npm init 後,會被要求輸入幾個欄位

package name: 你這個 Project 要叫什麼名字
version: 你決定這個 Project 現在該是第幾版
description: Project 基本介紹
entry point: 進入點,如果要跑你的 Project 應該要執行哪個檔案
author: 作者(自己)
license: 你這個 Project 是採用什麼授權的
test command: 這個不太重要,待會會說明

基本上結束後,你可以看到這個資料夾底下,新增了一個 Package.json

Add a comment

如要在電視上顯示 Chrome 的內容,請備妥下列項目:

  • Chromecast、Chromecast Ultra 或內建 Chromecast 的電視。
  • 符合最低系統需求的電腦和 Wi-Fi 網路。
  • 您的電腦必須具備 Chrome 瀏覽器。如果您尚未擁有符合版本要求的 Chrome,請下載或更新版本。
  • 將電腦和 Chromecast 裝置連上相同的 Wi-Fi 網路。請參閱本文,瞭解如何檢查 Chromecast 裝置的 Wi-Fi 網路。
Add a comment

VSCode中的代碼格式通過以下快捷方式提供:

  • 在Windows Shift + Alt + 上F
  • 在Mac Shift + Option + 上F
  • 在Ubuntu Ctrl + Shift + 上I
Add a comment

VSCode移動整行字串

ALT + Alt +

VSCode移動整行字串

VSCode快速複製這一行

直接alt + shift + ↑ or ↓,則會在上方或下方馬上複製一行!若反白多行後按alt + shift + ↑ or ↓,則是上方或下方複製多行。

alt + shift + or

VSCode快速複製這一行

VSCode同時選取相同名稱的字串

需要統一修改特定的字串時,可以先選取其中一個,再透過下面的方式選取同樣的字串,就能一次修改

Ctrl + Shift + L

若不想一次選取全部,而是要一個一個來選,可以先反白關鍵字,在按下面的組合鍵,每按一次就會選取下一個同字串 Ctrl + D

VSCode同時選取相同名稱的字串

VSCode一次編輯多行或多個位置

  • ALT + 滑鼠右鍵點擊編輯位置
  • ALT + SHIFT 按滑鼠右鍵並上或下拖曳多行

alt + 滑鼠右鍵點擊編輯位置

VSCode同時選取相同名稱的字串

alt + shift按滑鼠右鍵並上或下拖曳多行

VSCode同時選取相同名稱的字串

VSCode尋找變數之定義

alt + F12

游標移到該變數,直接按alt + F12,就會快速彈出該變數之定義。
若要跳到定義處,則直接F12,游標就會帶到定義處!

尋找變數之定義

跳出參考頁會把所有使用到的變數位置列出,並可以直接移到該位置!

shift + F12

尋找變數之定義

VSCode自動整理程式碼格式

Shift + Alt + F (也可以將 VS Code editor.formatOnSave 設定成 true,讓儲存檔案同時進行自動整理程式碼)

VSCode自動整理程式碼格式

VSCode分割編輯視窗

Ctrl + 數字鍵 最多可分割出3個編輯視窗

VSCode導航到特定行

ctrl + g

VSCode自動整理程式碼格式

VSCode關閉視窗或編輯頁

Ctrl + W

VSCode開啟終端機

Ctrl + `

VSCode建立一個新的終端機分頁

Ctrl + Shift + `

VSCode前往上一個/下一個開啟的編輯頁

  • Ctrl + Tab 前往下一個編輯頁
  • Ctrl + Shift + Tab 前往前一個編輯頁

VSCode檔案相關

快速創建或打開檔案

ctrl + click

VSCode自動整理程式碼格式

開啟新檔案

Ctrl + N

儲存檔案

Ctrl + S

另存新檔

Ctrl + Shift + S

開啟文件

Ctrl + O

VS Code Tips and Tricks - Keyboard Reference Sheets
Visual Studio Code 快捷鍵彙整 [陸續更新中]

Add a comment

使用您熟悉和喜愛的Mac創意工具,以及iPad的觸控體驗和Apple Pencil的精確度

創造力釋放出來

Astropad是能夠但透過觸控筆與iPad的結合,將其變身成為Mac電腦用的數位繪圖螢幕APP。首先條件是你需要在你的Mac安裝Mac版的Astropad,iPad上也裝上iPad版的Astropad,這樣就可透過Astropad,方便的使用 Wi-Fi 或 USB 連接Mac電腦,充分利用Mac和iPad,直接從iPad上直接繪製到Photoshop或任何其他應用程序

Add a comment