1-10是開發流程,后面的是發布流程
1. 在Git里面…新建項目

2. 克隆項目到本地用來開發
git clone https://github.com/***/vue-prevent-browser-back.git
3. 運行命令行,初始化項目,生成package.json
npm init –y
4. npm install 安裝包
5. 在安裝vue-cli的情況下執行
vue-init webpack-simple創建項目結構

6. 刪除多余文件 index.html清空src文件夾內容

7. 把插件內容復制到src

8. 修改package.json配置內容
![]()
9. 修改webpack.config.js的output部分配置

10. 打包輸出插件 npm run build
有的插件不需要打包直接把代碼復制到dist文件就好了

11. 去注冊npm賬號
12. 發布前要配置要發布的內容,要不會把各種亂七八糟的文件都發布了
a. 使用 .npmignore 設置忽略哪些文件
如果項目沒有使用 git或者 沒有 .gitignore 文件, 那么可以添加 .npmignore 文件來設置忽略哪些文件,.npmignore 的寫法跟 .gitignore 的規則完全一樣。 需要注意的是如果同時使用了 .npmignore 和 .gitignore 的話, 只有 .npmignore 會生效, 優先級比較高。
b. 使用 package.json 的 files 字段選擇發布哪些文件
上面兩種方式都是設置忽略哪些文件, 有時可能只想發布編譯打包后的幾個文件或者目錄, 如果按照上面的設置會很麻煩, 這是可以直接在 package.json 中 files 字段設置發布哪些文件或目錄, 這樣的話, 只有這些目錄或文件才會被publish.
同時需要說明的是這里的優先級是高於 .npmignore 和 .gitignore 的。
c. npm默認帶了一些規則
除了上面的規則外, npm還有一些內置的規則,會被自動忽略的文件有

node_modules下的所有文件也會被忽略。另外還有一部分文件會被包含, 即便設置忽略也無效, 這些文件有

黑名單模式:.npmignore文件,沒有.npmignore情況下使用.gitignore文件。
白名單模式:package.json里邊配置files字段


13. 發布 先登錄 然后版本號必須跟之前發布的不一樣才可以
![]()
14. 登錄npm: npm login

15. 發布:npm publish

遇到的問題:
1. npm ERR! you must verify your email before publishing a new package: https:/
就是沒有通過驗證就發包 結果報錯了
得通過郵件驗證下
2 . npm err You must be logged in to publish packages. : vue-prevent-browser-back
解決:包名被占用,package.json改一個。
