# npm 與 Node.js 初嘗試

###### tags: `npm`

---

### 移動至桌面並建立一個資料夾myapp

<span class="code1">`cd Desktop\myapp`</span>

### 安裝 Angular
<span class="code1">`npm install angular`</span>

:::info
框架運用方式:
<script src="node_modules/套件名稱/程式碼檔案名稱"></script>
:::

### 專案初始化(建立package.json)
<span class="code1">`npm init --yes`</span>

執行完後會建立package.json檔案，於其中寫入安裝檔的資訊npm就會一次幫我們安裝好。

### 新增安裝檔版本資訊紀錄
<span class="code1">`npm install angular --save`</span>

### 指令說明

|指令|說明|
|---|---|
|npm| -v 顯示npm版本資訊|
|npm update -g npm|更新npm|
|npm install|局部區域安裝npm (在資料夾安裝，通常都使用這個指令)|
|npm install -g|全域安裝(整台電腦或伺服器使用同一版本)|
|cd |移動至|
|li |清單|
|:wq| 離開|

---
<span class="code1"></span>
<style>
h2 {
color: #2383B8;
}
h3 {
/* color: #1AA340; */
}
h4 {
color: white;
background-color: #2383B8;
padding:8px;
}

.code1 {
padding: 2px 4px;
font-size: 110%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
font-family:'Fira Code';
}
.code {
padding: 2px 4px;
font-size: 90%;
font-family:'Fira Code';
}
</style>