Follow Fang!: npm

顯示具有 npm 標籤的文章。顯示所有文章

2024/11/13

Nx 一次安裝完專案底下的依賴套件

可以透過pnpm的recursive去尋找到該專案底下的專案

pnpm recursive install

假設dist內的專案不要安裝時可以透過--filter將其排除

pnpm recursive install --filter !dist/**

2023/09/15

使用 Docker運行Vue project

專案結構如下：

常理來說要透過Nginx部屬，通常配置如下：

server {
    listen 80;
    listen [::]:80;
    root /usr/share/nginx/html;
    index index.html;
    server_name _;
    access_log /var/log/default_access_log;
    error_log  /var/log/default_error_log;

    location / {
        try_files $uri $uri/ /index.html?$args;
    }

    # Cache file
    location ~* \.(?:ico|css|js|gif|jpe?g|png)$ {
        root /usr/share/nginx/html;
        expires 12h;
        add_header Pragma public;
        add_header Cache-Control "public, max-age=31536000";
    }
}

撰寫自己的Node.js Command-Line

package.json要加上bin

{
  "name": "test",
  "version": "1.0.0",
  "description": "test",
  "main": "index.js",
  "bin": {
    "test-cmd": "./index.js"
  },
  "keywords": [],
  "author": "Peter Fang",
  "license": "BSD"
}

要加上#!/usr/bin/env node

#!/usr/bin/env node

console.log('Hey')

用link將其軟鏈結在Global的node_modules內，接著再cmd輸入test-cmd就可以看到結果了

npm link

要移除用unlink即可

npm unlink test-cmd

2023/09/03

Vue.js 3 掃描QR Code

公司剛好有網頁項目需要透過QR Code掃描，所以我就選了Html5-QRCode這個套件來解決QR Code或之後其他掃描代碼的解決方案

要注意的是Vue會再mounted渲染模板上去，所以別再created時去呼叫DOM

Yeoman是一個專案生成器，可以透過它來降低每次起專案的配置及其他繁瑣事務
Yeoman它有提供不少的生成器，可以再「Discovering generators」找到其他生成器

參考資料：
公司目前通訊軟體用Teams，部屬的服務我將其部屬再GCP上
我希望能做到每個月底透過CI/CD去自動呼叫API並且發送到Teams團隊中，減少我每個月要上去Google Cloud Console看價格並匯報給我主管


#安裝Yeoman及Teams範本建立器
npm install yo generator-teams -g
#開始回答問題
yo teams

透過Yeoman產生出來難免會套件上衝突，但修復那些應該不是太大問題

https://yeoman.io/
https://yeoman.io/generators/
https://learn.microsoft.com/zh-tw/training/modules/msteams-webhooks-connectors//

2023/09/02

使用Nexus Repository 3.59.0-01 作為 NPM Registry 倉庫上傳及安裝

首先寫好package.json的檔案：

{
  "name": "test",
  "version": "0.0.1",
  "description": "Test npm",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "homepage": "https://xxxxx",
  "keywords": [],
  "author": {
    "name": "Peter Fang",
    "email": "xxxxxx@gmail.com"
  },
  "repository": {
    "type": "git",
    "url": "git+https://xxxxx@bitbucket.org/xxxxxx/xxxxx.git"
  },
  "license": "BSD"
}

接著在要上傳的package輸入

Nexus Repository 3.59.0-01 npm Unable to authenticate, need: BASIC realm="Sonatype Nexus Repository Manager"

找到security/realms將npm Bearer Token Realm加入到Active儲存即可

2023/06/27

npm : 因為這個系統上已停用指令碼執行，所以無法載入 C:\Program Files\nodejs\npm.ps1 檔案。如需詳細資訊，請參閱 about_Execution_Policies

用Admin權限開啟PowerShell輸入下方即可

Set-ExecutionPolicy RemoteSigned

訂閱：文章 (Atom)

Follow Fang!