# 前端代碼運行&發布
演示環境：Windows 10 專業版
nodejs：v16.20.2 +
cnpm：[cnpm@8.4.0](mailto:cnpm@8.4.0)
npm源（騰訊源）：[https://mirrors.tencent.com/npm/](https://mirrors.tencent.com/npm/)
### 安裝和部署NodeJs
在Windows 10上安裝和配置Node.js，您可以按照以下步驟進行操作：
1. 下載Node.js安裝包：
* 打開Node.js官方網站（[https://nodejs.org/download/release/v16.20.2/）。](https://nodejs.org/download/release/v16.20.2/%EF%BC%89%E3%80%82)
* 點擊下載頁面上的”LTS”版本，這是長期支持版本，適合大多數用戶。
* 根據您的系統架構（32位或64位）選擇合適的Windows安裝包。
2. 運行安裝程序：
* 雙擊下載的安裝包啟動安裝程序。
* 在安裝向導中選擇默認選項，除非您有特定的需求，否則無需更改設置。
* 在安裝過程中，您可能會被詢問是否要將Node.js添加到系統路徑中，請確保選中此選項，以便在命令行中全局訪問Node.js。
3. 驗證安裝：
* 安裝完成后，打開命令提示符（按下Win鍵并鍵入”cmd”，然后選擇”命令提示符”）或PowerShell。
* 輸入以下命令驗證Node.js是否成功安裝：
~~~shell
node -v
~~~
* 如果成功安裝，將顯示Node.js的版本號。
4. 配置npm源
更改源：
~~~shell
npm config set registry https://mirrors.tencent.com/npm/
~~~
安裝cnpm：
~~~shell
npm install -g cnpm --registry=https://mirrors.tencent.com/npm/
~~~
各版本：
5. 配置cnpm源
更改源：
~~~shell
cnpm config set registry https://mirrors.tencent.com/npm/
~~~
6. 關閉DOS窗口，重新打開。
## admin前端代碼打包運行：
進入admin前端代碼根目錄：
1：安裝依賴：
~~~shell
cnpm install
~~~
2：dev模式運行：
~~~shell
cnpm run dev
~~~
3：發布包：
~~~shell
cnpm run build
~~~
編譯成功之后會在根目錄生成admin
以上步驟經過測試驗證，打包成功。如遇到問題根據報錯信息網上查詢解決。
把生成的admin 放入服務器上，nginx設置的指定目錄：（如有不同按照自己設置的目錄放置）
**訪問方式：**yourdomain/admin
## PC前端代碼打包運行：
1：安裝依賴：
~~~shell
cnpm install
~~~
2：dev模式運行：
~~~shell
cnpm run dev
~~~
3：發布包：
~~~shell
cnpm run build
~~~
編譯成功之后會在根目錄生成dist
以上步驟經過測試驗證，打包成功。如遇到問題根據報錯信息網上查詢解決。
把生成的dist改成PC 放入服務器上，nginx設置的指定目錄：（如有不同按照自己設置的目錄放置）
**訪問方式：**yourdomain/pc
