XOOPS輕鬆架 - 線上書籍

:::

Vue.js 3.0 筆記
=============

1. NVM 是用來管理 node.js 版本的工具： <https://github.com/coreybutler/nvm-windows>
    1. `nvm -v`：目前該nvm版本
    2. `nvm list`：列出目前電腦有安裝的nodejs版本
    3. `nvm list available`：目前網路上可用的nodejs版本列表
    4. `nvm install v12.19.0`：該nodejs版本下載安裝
    5. `nvm uninstall v12.19.0`：移除該nodejs版本
    6. `nvm use v12.19.0`：使用該nodejs版本
2. 安裝完 node.js 就會有 npm（node.js套件管理工具） 
    1. `npm -v`：目前npm的版本
    2. `npm init`：新增 package.json
    3. `npm install [套件名稱]`：安裝 NPM 套件
    4. `npm install [套件名稱] -g`：安裝全域 NPM 套件（C:\\Users\\\[使用者名稱\]\\AppData\\Roaming\\npm\\node\_modules）
    5. `npm install [套件名稱] -S`：安裝套件並寫入 package.json 的 dependencies（`-S `等同 `--save`）
    6. `npm install [套件名稱] -D`：安裝套件並寫入 package.json 的 devDependencies（`-D `等同 `--save-dev`）
    7. `npm uninstall [套件名稱]`：移除 NPM 套件
    8. `npm uninstall [套件名稱] -g`：移除全域 NPM 套件
    9. `npm list`：顯示已套件列表
    10. `npm install`：還原套件
3. 安裝 vue-cli 
    ```bash
    npm install -g @vue/cli
    ```
    
    檢查版本
    
     
    ```bash
    vue --version
    ```
    
    更新 vue-cli
    
     
    ```bash
    npm update -g @vue/cli
    ```
4. 建立 vue-cli 專案（記得先切換到欲儲存該專案的位置） 
    ```bash
    vue create 專案名稱
    ```
    
    亦可用圖形界面：
    
     
    ```bash
    vue ui
    ```
    
    啟動專案
    
     
    ```bash
    cd 專案名稱
    npm run serve
    ```
    
    `node_modules` ：就是我們透過npm下載下來的套件跟工具都會放在這個資料夾裡面。  
     `package.json`：關於這整包專案所有的資訊，包含我們安裝的套件版本，專案版本，npm指令都可以在這個json檔案裡面找得到，之後要搬移專案重新安裝套件也需要靠這個json檔案（裡面的 script 就是給 npm run 用的）  
     `package-lock.json`：package-lock.json是npm5版本新增的，是專門紀錄package.json裡面更細節的內容，例如安裝的套件的詳細版本，或是確認你的dependency (依賴)是被哪個函式庫所要求的等等，不過這個我們通常就放著不太會管它。

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1734

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器