国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

前端(vue)npm如何發(fā)布自己的包

2年前作者：HouMengFei_分類：Toy博客閱讀(31)違法舉報

這篇具有很好參考價值的文章主要介紹了前端(vue)npm如何發(fā)布自己的包。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

1.首先vue create xxx創(chuàng)建一個空的項目（lib和local文件夾怎么來看后面的步驟）

前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端

2.將自己的方法或者組建文件夾放在src同層目錄下，我這邊是local文件夾

前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端

3.在APP.vue頁面引入本地文件測試自己的方法有沒有問題

前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端

4.在package.json中的scripts中配置命令（local/local.js就是自己文件夾的地址）

"lib": "vue-cli-service build --target lib --name landscape-components --dest lib local/local.js"

4.1然后執(zhí)行：npm run lib會得到lib文件夾

前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端

4.2配置package.json

"name":"local-session",//在npm中搜索的包名，組建名稱
"version":"1.0.3",//版本號,每次發(fā)包都得更新不能重集
"private": false,//原來為true,要改成false,否則發(fā)布不出去
"description":"對于sessionStorage和localStorage進行一個封裝便于快速使用",//npm包的描達
"main":"lib/landscape-components.umd.min.js",//入口文件
"keywords":["Local","Susession"],//關鍵詞
"author":["name" "HouMengFei"],//作者

5.添加.npmignore文件,發(fā)布npm包的時候忽略不必要的文件，需要編譯上傳的只有l(wèi)ib、package.json、README.md這三個文件

# 忽略目錄
src
local
node_modules
public
utils
# 忽略指定文件
vue.config.js
babel.config.js
*.map
jsconfig.json

6.發(fā)布自己的npm包

在npm官網(wǎng)(https://www.npmjs.com/)按照步驟注冊一個賬號,我這邊已經(jīng)注冊好了直接登錄就行
前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端

6.1注冊成功之后然后在終端中輸入命令

npm login//登陸之后會輸入npm密碼和郵箱,然后會給郵箱發(fā)八位數(shù)的動驗證碼

前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端
出現(xiàn)這個之后就說明登陸成功了

npm publish //發(fā)布自己的包

6.2更新命令

npm version patch

7.在npm里面查看自己發(fā)不上去的包

前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端

8.在項目中下載使用

npm install local-session -S

前端(vue)npm如何發(fā)布自己的包,vue.js,npm,前端
這就可以使用了!!!文章來源地址http://www.zghlxwxcb.cn/news/detail-517528.html

到了這里，關于前端(vue)npm如何發(fā)布自己的包的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如若轉載，請注明出處：如若內(nèi)容造成侵權/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領支付寶紅包贊助服務器費用

Vue2自己封裝的基礎組件庫或基于Element-ui再次封裝的基礎組件庫，如何發(fā)布到npm并使用（支持全局或按需引入使用），超詳細
以下我以 wocwin-admin-vue2 項目為例修改目錄結構，最終如下 1、導入組件，組件必須聲明 name 2、定義 install 方法，接收 Vue 作為參數(shù)。如果使用 use 注冊插件，則所有的組件都將被注冊 3、導出的對象必須具有 install，才能被 Vue.use() 方法安裝（全局使用） 4、按需引入 5、packa
2024年02月08日
瀏覽(36)
自己開發(fā)或者修改的組件包如何發(fā)布到npm官方市場
1、注冊賬號打開npm官方網(wǎng)站： www.npmjs.com; 進行注冊注冊需要用戶名，密碼和郵箱，當注冊完成后需打開郵箱進行驗證（郵箱不驗證無法上傳）二、? 在需要打包發(fā)布的文件夾package.json所在目錄下執(zhí)行命令：npm?init ?按照提示修改后一路回車就行； package name 就是安裝命令
2024年02月08日
瀏覽(24)
vue3.x + vite4.3構建屬于自己的組件庫并發(fā)布npm包
歡迎點擊領取 -《前端開發(fā)面試題進階秘籍》：前端登頂之巔-最全面的前端知識點梳理總結 *分享一個使用比較久的?? 在國內(nèi)的項目研發(fā)過程中，使用vue框架的項目占比很大，同樣延伸出了很多非常優(yōu)秀的UI組件庫，比如element-plus、ant-design等；優(yōu)勢：資源較少，快速開發(fā)，豐
2024年02月02日
瀏覽(49)
沉淀自己的pro-table組件，并發(fā)布到npm（Vue3、element-plus）
傳送門約定：npm包名 vue3-el-pro-table ，引用 vue3-el-pro-table 的包名為“本項目”。聲明： Vue3ProTable.vue 代碼是在這個項目的基礎上進行修改的。作者：hans774882968以及hans774882968以及hans774882968 Quick Start src/main.ts Then use vue3-pro-table / directly in .vue file. Import interface: Component props defi
2024年02月16日
瀏覽(59)
npm常用命令 + 前端常用的包管理工具以及 npm淘寶鏡像配置等
下載地址官網(wǎng)： https://nodejs.org/en. 中文網(wǎng)站： https://nodejs.org/zh-cn. 安裝之后，使用 node -v 命令查看安裝的版本，如下：關于windows上的安裝可以參考下面的文章： vue2入門——菜鳥級1篇. 前端常用的包管理工具有：npm、cnpm、yarn，更多請繼續(xù)…… 前端常用的包管理工具有：n
2024年02月11日
瀏覽(49)
如何使用vite框架封裝一個js庫，并發(fā)布npm包
目錄前言介紹一、創(chuàng)建一個vite項目 1、使用創(chuàng)建命令： ?2、選擇others 3、?模板選擇library 4、選擇開發(fā)語言 ?編輯?二、安裝依賴三、目錄介紹 1、vite.config.ts打包文件 2、package.json命令配置文件三、發(fā)布npm 1、注冊npm賬號 2、設置npm源 3、登錄到npm 4、推送到npm倉庫 5、查看
2024年01月25日
瀏覽(22)
Vue3 + Vite + Ts自己封裝的基礎組件庫發(fā)布npm ，npm安裝使用（Volar ）支持TS 類型提示功能（vite-plugin-dts 使用）
在開發(fā)Vue3 + Ts項目時：使用自己二次封裝的基礎組件，沒有 Ts類型提示，不能像 Element-plus 鼠標停在標簽或者屬性上就能提示當前組件有哪些屬性（即props）及其屬性的類型，如下圖是 Element-plus 組件的使用Vs Code Volar的提示：此插件的作用：為打包的庫里加入聲明文件(即生
2024年02月09日
瀏覽(26)
go：正確引入自己編寫的包(如何在 Go 中正確引入自己編寫的包)
目錄如下： 1. 工作空間（我的是根目錄）新建 go.work 文件文件內(nèi)容如下： 2. 添加go.mod文件 1. 包文件夾下進入testm目錄執(zhí)行 2. 引用目錄下執(zhí)行進入tuchuang目錄執(zhí)行 3. 引入模塊通過import方式引入。記住只有大寫的方法才能被外部引用運行結果如下：
2024年02月11日
瀏覽(31)
前端 node 常見的包管理工具 npm、npx、Yarn、cnpm、pnpm 的區(qū)別有哪些
些工具都是用于管理 Node.js 包和依賴項的 npm (Node Package Manager) : npm 是 Node.js 的默認包管理工具，隨同 Node.js 安裝。主要功能包括安裝、發(fā)布、管理 JavaScript 包和依賴項。 npm 是最常用的包管理工具之一，擁有龐大的包倉庫（npm Registry）。 npx : npx 是 npm 5.2.0 版本引入的一個工
2024年02月20日
瀏覽(50)
發(fā)布自己的npm包
輸入npm init后，一路默認即可初始化成功，如下：初始化成功后會生成一個package.json文件 n（以我的文件夾demo-npm-dir為例） package.json配置如下：然后在index.js寫即可。這里我設置發(fā)布到npm公有平臺，根據(jù)個人項目需要配置。注：檢測npm源命令沒有請先在官網(wǎng)注冊，登錄時會
2024年02月10日
瀏覽(18)